教程：发布自适应表单

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

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

您可以通过以下方法发布自适应表单：

• 将自适应表单发布为AEM页面
• 将自适应表单嵌入到AEM Sites页面中
• 将自适应表单嵌入外部网页(托管在AEM外部的非AEM网页)

开始之前

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

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

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

1. 登录到AEM Forms 创作实例并在AEM中找到shipping-address-add-update-form自适应表单 Forms UI。
   https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
2. 选择shipping-address-add-update-form自适应表单并点按 Publish. 此时将显示一个对话框，其中包含与自适应表单相关的资产。 点按 Publish. 自适应表单已发布，且显示成功对话框。
3. 在发布实例上打开表单。 该表单可供最终用户填写和提交。
   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 页面：

1. 在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参考实施 安装站点。

2. 点按 页面信息并选择 编辑模板 新创建的We.Retail网站页面中的选项。 页面模板将在浏览器的新选项卡中打开。

3. 点按内部 布局容器 框和点按 . 在 允许的组件 选项卡，展开 常规 折叠面板，选择 AEM表单 选项，然后点按 . AEM Forms 已为页面启用容器组件。

4. 打开包含AEM的浏览器选项卡 Sites 第1步中打开的页面。 点按 将组件拖动到此处 框和点按 +. 在 插入新组件 框，点按 AEM表单. 此 AEM Forms容器 组件将添加到页面中。

5. 点按 AEM Forms容器 组件和点按 . 带有AEM属性的对话框 Forms 此时会显示容器。 在 资源路径 字段，浏览并选择shipping-address-add-update-form自适应表单。 点按 . 自适应表单将嵌入到页面中。

6. 发布自适应表单和 Sites 页面。 以下是需要考虑的一些要点：

   • 如果您发布AEM Sites 首次访问该页面，并且它包含一个嵌入式表单，请发布 Sites 页面和嵌入的表单。

   • 如果仅修改已发布站点页面中的嵌入表单，请发布原始表单，所做的更改将反映在已发布的站点页面中。 已发布的网站页面包含对表单的引用，无需重新发布页面。

   • 如果您修改了 Sites 页面和嵌入的表单，重新发布 Sites 页面和表单。

     
     已将送货和帐单地址更改表单添加到AEM Sites 页面。

将自适应表单嵌入外部网页

通过在外部网页中插入几行JavaScript，您可以将自适应表单嵌入到外部网页(托管在AEM外部的非AEM网页)中。 JavaScript代码向AEM发送HTTP请求 Forms 自适应表单和相关资源的服务器，并将自适应表单添加到网页。 有关详细步骤，请参阅 将自适应表单嵌入到外部网页.

Business.Adobe.com 资源

Asset Collections Mobile Forms Version History Digital Rights Management Digital Signage Content Management System