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