新闻:PWA Kit v2 现已推出!有关更多详细信息,请参阅版本说明

Progressive Web App Kit 入门

要使用演示设置试用 PWA Kit,请按照快速入门说明进行操作。

Progressive Web App Kit (PWA Kit) 是一个使用 React 创建网店的框架。

使用 PWA Kit 框架,您可以获得:

  • 项目模板,包括 Retail React App。Retail React App 是一个可定制的网店,它实现了从主页到结账的核心电子商务流程。
  • 一个在服务器端和客户端都工作的渲染系统 - 并处理 hydration(将渲染从服务器传输到客户端的过程)。
  • 允许您将来自 Commerce API 的数据注入到您的组件的路由系统。
  • 用于自动化日常开发任务的实用功能和脚本。
  • B2C Commerce APIOpen Commerce API (OCAPI) 相集成。

Progressive Web App (PWA) 是一种网站,其用户体验包括我们通常与原生应用相关联的功能,例如:

  • 快速加载时间
  • 流畅渲染和过渡
  • 离线支持
  • 通过主页界面安装

PWA 被称为“渐进式”的原因是这些功能根据用户的设备和浏览器可以支持的内容一次添加一个(或渐进式

PWA 适用于任何使用兼容标准浏览器的台式设备或移动设备。

下表显示了 PWA 与传统响应式网站和本机应用程序的比较。

PWA响应式网站原生应用
PWA 是什么?响应迅速且提供类似原生应用程序性能和功能的网站可以跨不同屏幕尺寸动态缩放的网站特定程序(iOS、Android)上可用的应用程序,可以访问设备端功能
用例想要更快、更具吸引力的类似应用程序的体验时传统网店无法满足需求时想要提高与最忠诚客户群的互动时

Managed Runtime 提供在公共云平台上部署、托管和监控 PWA Kit 网店的基础架构。使用 Managed Runtime 时,可以专注于开发网店,而不是管理服务器。

Managed Runtime 遵循十二因素应用程序方法。网店由无状态构建的单一代码库提供支持,并且可以部署在可用的最高效和低成本的计算基础架构上。每个部署均完全取代之前的部署,并从头开始重新配置。

最重要的是,Managed Runtime 提供与所有 Salesforce 技术相同的企业级安全性和 99.99% 的历史正常运行时间。

有关更多详细信息,请参阅Managed Runtime 概述

在使用 PWA Kit 和 Managed Runtime 时,会偶尔看到引用 Mobify,这是最初开发这些技术的公司的名称。Mobify 于 2020 年被 Salesforce 收购,我们仍在进行品牌重塑。

欢迎开源社区对 PWA Kit 的贡献!要了解有关贡献过程的更多信息,请参阅为 PWA Kit 做贡献

如果您喜欢 PWA Kit,请考虑为 GitHub Repo 加注星标。这可以帮助其他人发现 PWA Kit!

既然已经了解 PWA Kit 和 Managed Runtime 的基础知识,请浏览入门系列中的其他指南:

  1. 快速入门
  2. 创建 On-Demand Sandbox(按需沙盒)
  3. 设置 API 访问
  4. 设置本地环境
  5. 推送和部署捆绑包