JavaScript 店面通過快速、響應式和互動式頁面提供更具吸引力的客戶體驗。 它允許通過進行更小、更頻繁的更改來提供更高的可靠性。使用 JavaScript 技術棧的 Storefront 創新速度更快，因為可以一次向所有體驗推出新功能，同時通過提供可重用的業務功能來降低創新成本。

可以克隆 Commerce Cloud 示例儲存庫的 2005-spartacus 分支。 此分支包含支援 JavaScript 店面的所有工件。

克隆示例儲存庫後，根據分支儲存庫中的自述檔案準備檔案。

2005-spartacus 分支的 core-customize 目錄包括一個帶有 JavaScript storefront extensions、aspect 和 properties 的 Commerce Cloud manifest.

JavaScript 店面示例儲存庫包含一個 Storefront Application. 可以將應用程式和支援這些應用程式的包新增到克隆的程式碼儲存庫中。

具體步驟

開啟程式碼庫，導航到 root/js-storefront 並開啟 JavaScript Storefront manifest.json 檔案。

• 將需要的任何其他應用程式新增到清單檔案並儲存更改。

• 將清單檔案中宣告的新應用程式新增到程式碼儲存庫。

• 如果使用原始碼，則將 package.json 檔案新增到 <application.path>/package.json.

例如，<repository-root>/js-storefront/some-subdirectory/app2/package.json

如果您使用的是預構建的應用程式，則將已編譯的應用程式檔案（包括 index.html）新增到 <application.path>/dist/<application.name>.

例如，<repository-root>/js-storefront/some-subdirectory/app2/dist/app2/index.html

每個應用程式的 index.html 檔案必須包含以下佔位符：

<meta name="occ-backend-base-url" content="OCC_BACKEND_BASE_URL_VALUE" />

在應用程式啟動時，此佔位符將替換為真正的 API aspect 的外部 URL。

要應用更改，請建立一個 build。

構建過程會自動構建 Commerce Cloud 程式碼儲存庫中提供的所有 JavaScript 應用程式。

對於 manifest.json 中定義的每個應用程式，構建過程會進行下列檢查:

<application.path>/dist 目錄是否存在。如果它不存在，則構建過程在 <application.path> 目錄中執行以下命令：

• yarn install - 下載 package.json 中宣告的依賴項，
• yarn build - 執行 package.json 中宣告的構建命令。

如果 <application.path>/dist 確實存在，則構建過程假定此目錄包含已構建的 JavaScript 店面並跳過構建。