以 PWA Kit 打造新型購物體驗

Progressive Web App (PWA) Kit 是使用 Salesforce Commerce API 和 React 的全新無頭式商務網店技術。為前端開發人員提供更有彈性且靈活的方式，來建立並維護新型購物體驗。此版本側重於當地語系化更新，以及與 SEO、效能、購物者體驗相關的改善。

適用範圍：所有 Salesforce B2C Commerce 客戶均可使用。

時間：2022 年 1 月 6 日

原因：每項變更都有一個編號連結，指向開源存放庫中的相關提取要求。

變更

• 基於地區設定的 URL。您可以在 URL 路徑中包含地區設定，或者使用 pwa-kit-config.json 中的新設定作為查詢參數。#228 #255
• 之前位於 commerce-api.config.js 和 einstein-api.config.js 中，與 Commerce API、Einstein API 相關的所有設定選項現在都放在同一個檔案內：api.config.js。#256
• 新的 DynamicImage 元件可以將寬度陣列對應到相應的 sizes 及 srcSet 屬性來轉換圖片。此元件也讓 Dynamic Imaging Service 變得更容易使用。#186
• 用於偵錯的查詢參數 mobify_server_only、mobify_pretty 現在稱為 __server_only、__pretty_print。舊的查詢參數已被棄用，但仍然有效。#250
• 新增 id 和 defaultMessage 參數，以支援 Retail React App 的翻譯。#195 #207 #239 #252 #260
• Retail React App 首頁上新增了範例產品捲軸。#218 #208 #216
• npx pwa-kit-create-app 指令碼的 outputDir 選項預設為 pwa-kit-starter-project，而不是 generated-project。#268
• Seo 元件現在將從 pages/constants.js 擷取預設網站標題。#279
• createApp 函式採用一個名為 enableLegacyRemoteProxying 的新選項，預設為 true。設定為 false 時，在遠端執行期間會停用本機開發 Proxy。未來，在遠端執行期間將停用本機開發 Proxy。#205
• 當 PWA Kit 中的地區設定與 Business Manager 中的地區設定不相符時，會輸出資訊更明確的錯誤。#225
• 錯誤訊息會指向最新的文件和 Help 主題。#268
• 搜尋頁面的新測試和更新測試。#245

問題修正

• 促銷代碼以大寫形式顯示在訂單摘要中。#224
• 結帳頁面的訂單摘要價格在行動裝置上未對齊。#233
• 運送方式的描述溢出了價格區塊。#232
• 檢視頁面原始碼時，堆疊追蹤資料和 SSR 選項在錯誤頁面上可見。#230 #249
• 區段子標題的 Prop 警告不正確。#282
• NPM 登錄中的存放庫 URL 不正確。#257

安全性更新

• 在 Retail React App 中設定通用 HTTP 安全性標頭。#263
• 移除本機開發的 upgrade-insecure-requests。#270

完整變更記錄 v1.2.0...v1.3.0

方法：PWA Kit 是 GitHub 上可用的開源專案。若要開始使用，請參閱 Salesforce Developers 網站上的文件。