教程:笔耻产濒颈蝉丑您的自适应表单 tutorial-publish-your-adaptive-form
本教程是系列中的步骤。 建议按时间顺序跟踪系列,以了解、执行和演示完整的教程用例。
在自适应表单准备就绪后,您可以发布表单以使其对最终用户可用。 最终用户可以在任何设备和互联网浏览器上打开已发布的表单。 发布自适应表单时,表单和相关内容将从AEM创作实例复制到AEM发布实例。 该表单通过发布实例提供给最终用户。
您可以通过以下方法发布自适应表单:
开始之前 before-you-start
- :发布实例是在发布模式下运行的AEM Forms的面向公众的实例。 在生产环境中,发布实例位于组织的防火墙之外。
- :复制操作将内容从创作实例复制到发布实例,并将用户输入(例如,表单输入)从发布实例返回到创作实例。
将自适应表单作为础贰惭页面笔耻产濒颈蝉丑 publish-the-adaptive-form-as-an-aem-page
将自适应表单发布为AEM页面时,整个网页只包含已发布的表单。 您可以使用自适应表单的URL将其从其他网页链接。 要将? shipping-address-add-update-form ?自适应表单发布为础贰惭页面,请执行以下操作:
- 登录到AEM Forms创作实例,并在AEM Forms UI中找到shipping-address-add-update-form自适应表单。
https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
- 选择蝉丑颈辫辫颈苍驳-补诲诲谤别蝉蝉-补诲诲-耻辫诲补迟别-蹿辞谤尘自适应表单,然后选择? Publish。 此时将显示一个对话框,其中包含与自适应表单相关的资源。 选择? Publish。 自适应表单已发布,并且显示成功对话框。
- 在发布实例上打开表单。 该表单可供最终用户填写和提交。
https://localhost:4503/content/forms/af/shipping-address-add-update-form.html
将自适应表单嵌入到AEM Sites页面中 embed-the-adaptive-form-in-an-aem-sites-page
AEM Forms允许表单开发人员将自适应表单无缝嵌入到AEM Sites页面中。 嵌入的自适应表单功能齐全,用户无需离开页面即可填写并提交表单。它有助于用户停留在网页上其他元素的上下文中,同时与表单交互。
AEM Forms提供了一个组件AEM Forms容器,用于将自适应表单嵌入到AEM Sites页面。 默认情况下,该组件在AEM Sites容器中不可见。 执行以下步骤以启用AEM Forms容器组件并将自适应表单嵌入到AEM Sites页面中:
-
在We.Retail网站中创建并打开页面以进行编辑。 例如,。 自适应表单已嵌入到Sites页面。
您还可以在现有We.Retail Site’s页面中嵌入自适应表单。 例如,“对于我们”页面。 这样可节省创建页面的时间。 以下步骤使用新创建的页面。
We.Retail网站随AEM一起提供。 如果未安装We.Retail网站,请参阅安装网站。
-
选择
-
在? 布局容器 ?框中选择,然后选择
-
打开浏览器选项卡,该选项卡包含在步骤1中打开的AEM Sites页面。 选择? 将组件拖动到此处 ?框并选择? +。 ?在? 插入新组件 ?框中,选择? 础贰惭表单。 已将? AEM Forms Container ?组件添加到该页面。
-
选择? AEM Forms container ?组件并选择
-
Publish包含自适应表单和Sites页面。 以下是需要考虑的一些要点:
-
如果您是首次发布AEM Sites页面并且它包含嵌入表单,请发布Sites页面和嵌入表单。
-
如果仅修改已发布站点页面中的嵌入表单,请发布原始表单,所做的更改将反映在已发布的站点页面中。 已发布的站点页面包含对表单的引用,无需重新发布页面。
-
如果您修改厂颈迟别蝉页面和嵌入的表单,请重新发布厂颈迟别蝉页面和表单。
已将送货和帐单地址更改表单添加到AEM Sites页面。
-
将自适应表单嵌入到外部网页中 embed-the-adaptive-form-in-an-external-webpage
通过在外部网页中插入几行JavaScript,您可以将自适应表单嵌入到外部网页(托管在础贰惭外部的非础贰惭网页)中。 JavaScript代码向AEM Forms服务器发送自适应表单和相关资源的HTTP请求,并将自适应表单添加到网页。 有关详细步骤,请参阅将自适应表单嵌入到外部网页。