最新消息: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) 整合。

漸進式網路應用程式 (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 這個名字,也就是最初開發了這些技術的公司。Salesforce 在 2020 年將 Mobify 併入旗下,目前仍在進行品牌重塑的過程。

我們歡迎開源社群對 PWA Kit 做出貢獻!想進一步瞭解貢獻流程,請參閱 Contributing to PWA Kit (為 PWA Kit 做出貢獻)。

如果您喜歡 PWA Kit,請考慮送顆星給 GitHub Repo。這可以幫助其他人發掘 PWA Kit 喔!

這樣您就已經熟悉 PWA Kit 和 Managed Runtime 的基本知識了,請繼續探索「開始使用」系列的其他指南:

  1. 快速入門
  2. 建立 On-Demand Sandbox
  3. 設定 API 存取
  4. 設定您的本機環境
  5. 推送和部署套件