使用前端管道开发站点 developing-site-with-front-end-pipeline

后端团队首先使用新HTML和/或JSON输出设置开发环境。

1. 通过全栈管道，他们部署渲染所需的新HTML和/或JSON输出所需的代码。

2. 如果这是前端团队之前无权访问的环境，则必须执行以下步骤。

   1. URL：前端团队必须知道该开发环境的URL。
   2. ACL：必须为前端团队提供具有类似于“参与者”权限的本地AEM用户。
   3. Git：前端团队必须为专门针对该开发环境的前端模块设置单独的Git位置。
      • 通常的做法是创建 dev 分支，以便随后可以轻松将对开发环境所做的更改合并回 main 要部署到生产环境的分支。
   4. 管道：前端团队必须具有部署到开发环境的前端管道。 该管道将部署通常位于中的前端模块 dev 分支，如上一点所述。

然后，前端团队使CSS和JS代码同时使用旧输出和新输出。

1. 与往常一样，在本地开发：

   1. 此 npx aem-site-theme-builder proxy 在前端模块中执行的命令启动一个从AEM环境请求内容的代理服务器，同时将前端模块的CSS和JS文件替换为来自本地的文件 dist 文件夹。
   2. 配置 AEM_URL 变量 .env 文件允许控制本地代理服务器使用内容的AEM环境。
   3. 更改此值 AEM_URL 因此，您可以在生产环境和开发环境之间切换以调整CSS和JS，使其适合这两个环境。
   4. 它必须与呈现新输出的开发环境以及呈现旧输出的生产环境配合使用。

2. 当更新的前端模块适用于这两个环境并将它们部署到两个环境中时，前端工作即告完成。

然后，后端团队可以通过部署代码来更新生产环境，该代码通过全栈管道呈现新HTML和/或JSON输出。

然后，前端团队可以清理其CSS和JS，并删除仅需要旧输出的内容，通过前端管道将最后一次更新部署到生产环境。