预构建和上线最佳实践核对清单
欢迎开始您的 Composable Storefront 之旅！此核对清单总结了可能对项目时间表产生重大影响的关键点。通过专注于这四个最佳实践，您将能够更好地驾驭构建、启动和监视成功的 Progressive Web App (PWA) Kit 站点的复杂性，并避免常见的陷阱。使用此核对清单来规划一个顺利和成功的部署！
除非另有说明，否则此核对清单中的所有要点都适用于%在 Composable Storefront 上构建 100 或分阶段无标头部署的站点。
在自定义方面，您处于主导地位。了解满足业务需求所需的自定义范围。请记住，高度自定义的站点需要更多的努力，如这些示例中所述。
- 熟悉我们的 Retail React App 中提供的设计和功能。您需要构建 Retail React App 中没有提供的任何功能。
- 尽可能多地使用现有的 React 组件。PWA Kit 使用 React，因此您可以访问组件的 React 生态系统。如果您正在做一些自定义的事情，看看它是否有脉轮组件。如果没有，请查找开源版本。如果没有开源版本，请自行构建组件。
- 验证我们的 API 是否支持所需的自定义功能，并返回所需的数据。如果我们的 API 没有，您可以：
- 创建自定义 API 以返回数据；或
- 使用 Hook 扩展 API 响应
- 确认您站点的插件和集成适用于无头实施。要在 PWA Kit 站点中使用它们，可以使用自定义 API 或 Hook 公开其功能。
按照以下步骤为稳定且可扩展的站点奠定坚实的基础。
- 确定您将拥有多少个生产 Managed Runtime (MRT) 环境。拥有更多环境可以为您提供更多控制权。但是，您拥有的环境越多，在操作上管理所有环境就越复杂。例如，如果您有五个品牌都从同一个 MRT 环境中提供服务，您始终需要将它们一起更新。拥有的环境更少意味着运营开销更少。请参阅 Managed Runtime 概述。
- 决定是使用我们的嵌入式内容分发网络 (eCDN) 还是第三方 CDN。请参阅何时使用第三方 CDN。如果决定使用第三方 CDN，请参阅供应商的文档以了解详细信息。
- 确定您的 URL 策略。大多数客户选择保留其现有的 URL。制定计划以重定向新站点上不存在的任何当前 URL。注册 Google Search Console 工具或其他排名工具，以监控您的部署对 SEO 排名的影响。请参阅路由。
- 确定混合（分阶段无头）部署的目标、范围和时间表。请记住，站点处于混合模式的时间越长，您在所涉及的操作复杂性上花费的时间就越多。设置过渡到 100% Composable 站点的截止日期。请参阅分阶段无头部署。
应用这些技术来优化网站的效率和用户体验。
- 通过将参数附加
?__server_only到 URL，查看入口页面（主页、类别列表页面、产品列表页面和产品详情页面）的服务器端呈现。确认服务器渲染的页面有足够的数据供爬虫使用，并且服务器和客户端之间的布局偏移很小（理想情况下不存在）。这有助于提高您的 SEO 排名，确认您的入口页面可以在移动设备上快速加载，并改善购物者体验。 - 使用 Lighthouse CI 设置性能测试。在实施过程中开始性能测试。这使您可以在 PWA Kit 站点启动之前很久就识别和更正任何性能回归（与当前站点相比）。
- 将代码持续部署 到非生产 MRT 环境。从开发工作的早期开始，就开始测试部署到 MRT 的代码，以确认您的站点功能是否按预期工作。这样，您就可以避免以后代价高昂的返工。请参阅自动化用户。
计划使用这些工具中的任何一个来持续监视站点性能。此外，还要根据预期结果验证这些工具生成的数据是否正确。
- 使用 Log Center，您可以查看错误和指标。设置通知 ，以便了解网店何时运行异常并进行调查。
- 使用动态数据 (Active Data) 来监控您站点的指标。这可以帮助您分析购物者行为，从而增强购物者体验并优化产品供应以推动销售增长。
- B2C Commerce 报告和仪表板提供的数据可用于确定一段时间内的趋势，并根据 B2C Commerce 数据做出更明智的业务决策。
查看在 Composable Storefront 上构建站点的建议开发人员工作流程的其余部分。请参阅开始使用 Composable Storefront。