教程：发布自适应表单

本教程是创建您的第一个自适应表单系列中的一个步骤。建议按照时间顺序排列系列，以了解、执行和演示完整的教程用例。

自适应表单准备就绪后，您可以发布该表单以供最终用户使用。最终用户可以在任何设备和Internet浏览器上打开已发布的表单。发布自适应表单后，表单和相关内容将从AEM创作实例复制到AEM发布实例。最终用户可通过发布实例访问该表单。

您可以使用以下方法发布自适应表单：

开始之前

设置AEM Forms发布实例:发布实例是在发布模式下运行的面向公 Forms 众的AEM实例。在生产环境中，发布实例位于组织防火墙之外。
设置复制和反向复制:复制将内容从创作实例复制到发布实例，并将用户输入（例如，表单输入）从发布实例返回到创作实例。

将自适应表单作为AEM页面发布

当自适应表单作为AEM页面发布时，整个网页仅包含已发布的表单。您可以使用自适应表单的URL从其他网页链接自适应表单。要将shipping-add-update-form自适应表单作为AEM页面发布，请执行以下操作：

登录到AEM Forms创作实例，并在AEM Forms UI中找到shipping-add-update-form自适应表单。
https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
选择shipping-add-update-form自适应表单，然后点按发布。此时会显示一个对话框，其中包含与自适应表单相关的资产。点按发布。此时会发布自适应表单，并显示一个成功对话框。
在发布实例上打开表单。表单可供最终用户填写和提交。
https://localhost:4503/content/forms/af/shipping-address-add-update-form.html

在AEM Sites页面中嵌入自适应表单

AEM Forms允许表单开发人员将自适应表单无缝嵌入AEM Sites页面。嵌入式自适应表单功能齐全，用户无需离开页面即可填写和提交表单。它有助于用户停留在网页上其他元素的上下文中，并同时与表单进行交互。

AEM Forms提供一个组件AEM Forms容器，用于将自适应表单嵌入到AEM Sites页面。默认情况下，组件在AEM Sites容器中不可见。执行以下步骤以启用AEM Forms容器组件并将自适应表单嵌入AEM Sites页面：

在We.Retail网站中创建并打开一个页面进行编辑。例如， https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html。自适应表单会嵌入到Sites页面。

您还可以在现有的We.Retail Site’s页面中嵌入自适应表单。例如，“关于美国”页面https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html。它可节省您创建页面的时间。以下步骤使用新创建的页面。

We.Retail网站随AEM一起提供。如果未安装We.Retail网站，请参阅We.Retail Reference Implementation安装网站。
点按页面信息，然后在新创建的We.Retail网站页面中选择编辑模板选项。页面的模板将在浏览器的新选项卡中打开。
在布局容器框内点按，然后点按。在允许的组件选项卡中，展开常规折叠面板，选择AEM表单选项，然后点按。已为页面启用AEM Forms容器组件。
打开包含在步骤1中打开的AEM Sites页面的浏览器选项卡。点按将组件拖动到此处框，然后点按+。在插入新组件框中，点按 AEM表单。将AEM Forms容器组件添加到页面中。
点按AEM Forms容器组件，然后点按。此时会出现一个具有AEM Forms容器属性的对话框。在资产路径字段中，浏览并选择送货地址 — add-update-form自适应表单。点按。自适应表单会嵌入到页面中。
发布自适应表单和Sites页面。以下是需要考虑的几点：
- 如果首次发布AEM Sites页面并且该页面包含嵌入式表单，则发布Sites页面和嵌入式表单。
- 如果您只修改已发布站点页面中的嵌入表单，则应发布原始表单，并且所做的更改会反映在已发布的站点页面中。发布的网站页面包含对表单的引用，无需重新发布页面。
- 如果修改Sites页面和嵌入的表单，请重新发布Sites页面和表单。
  
  “送货和帐单地址更改”表单已添加到AEM Sites页面。