启用前端管道 enable-front-end-pipeline

了解如何启用现有站点的前端管道以使用站点主题更快地自定义您的站点。

概述 overview

前端管道是一种机制，它可以根据站点主题和站点模板快速部署网站的前端代码。

此管道仅处理前端代码，这使得部署过程比全栈部署更快。 它允许前端开发人员轻松自定义您的站点，而无需了解AEM。

默认情况下，基于站点模板的站点可以利用前端管道。本文档描述了如何调整现有站点以利用前端管道。

AEM可以将站点配置为加载使用前端管道部署的主题，即使您的站点不是使用站点模板和主题创建的，方法是将其叠加到现有客户端库上。

技术详细信息 technical-details

在激活站点的前端管道时，AEM 会对站点结构进行以下更改。

要求 requirements

AEM 可以自动调整您的现有站点以使用前端管道。若要执行此工作流，您的网站必须使用核心组件🔗的v2或更高版本页面组件。

启用前端管道 enabling

使用站点边栏从站点控制台启用您的站点。

现在，您的站点已准备好使用前端管道。 要了解有关前端管道和管理站点主题的更多信息，请参阅：

前端管道和自定义域 custom-domains

前端管道可以与Cloud Manager的自定义域功能一起使用，但将这两项功能一起使用时，请注意以下要求。

静态前端文件 static-files

默认情况下，通过Front-End Pipeline部署的静态前端资源将由Adobe的预定义静态域提供服务。

如果前端资源需要自定义域，则可以在发布层上安装自定义域，并配置Dispatcher以将特定路径（如/static/）路由到Adobe的静态托管位置。 此方法需要更新您的Dispatcher规则，以正确转发和缓存静态资源的请求。

配置自定义域和Dispatcher后，您可以配置AEM以从静态域为前端资源提供服务。

配置 configuration

如技术详细信息部分中所述，为站点激活前端管道功能会在/conf/<site-name>/sling:configs下创建SiteConfig和HtmlPageItemsConfig节点。

如果您希望将适用于您的站点的Cloud Manager自定义域功能与用于状态资源的前端管道结合使用，则必须将其他属性添加到这些节点。

站点的页面，然后引用该更新URL中的主题工件。 然后，Dispatcher将这些资源的请求路由到静态域。

面向前端开发人员的最佳实践 best-practices

如果在通过前端管道进行部署之前需要在本地开发和测试前端资产，请考虑以下方法：

有关本地前端开发的更多详细信息，请参阅站点主题生成器文档。