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 店面并跳过构建。