在AEM 6.5 Forms上启用Headless自适应Forms enable-headless-adaptive-forms-on-aem-65-forms
要在您的AEM 6.5 Forms环境中启用Headless自适应Forms,请设置一个基于AEM Archetype 41或更高版本的项目,并将其部署到您的所有创作和发布实例。
通过将基于AEM Archetype 41或更高版本的项目部署到AEM 6.5 Forms实例,您可以创建基于核心组件的自适应Forms。 这些表单以JSON格式表示,用作Headful
和Headless
自适应Forms,从而允许在各种渠道(包括移动应用程序、Web和本机应用程序)中提供更大的灵活性和自定义设置。
先决条件 prerequisites
在AEM 6.5 Forms环境中启用Headless自适应Forms之前,
-
安装Apache Maven的最新版本。
-
安装纯文本编辑器。 例如,Microsoft Visual Studio Code。
创建和部署最新的基于AEM原型的项目
要创建基于AEM Archetype 41或稍后的项目并将其部署到所有创作实例和发布实例,请执行以下操作:
-
以管理员身份登录到您的计算机,托管并运行AEM 6.5 Forms实例。
-
打开命令提示符或终端。
-
运行以下命令可创建基于AEM Archetype 41的项目:
- Microsoft Windows
code language-shell mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate ^ -D archetypeGroupId=com.adobe.aem ^ -D archetypeArtifactId=aem-project-archetype ^ -D archetypeVersion=41 ^ -D appTitle="My Form" ^ -D appId="myform" ^ -D groupId="com.myform" ^ -D includeFormsenrollment="y" ^ -D aemVersion="6.5.23"
- Linux®或Apple macOS
code language-shell mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \ -D archetypeGroupId=com.adobe.aem \ -D archetypeArtifactId=aem-project-archetype \ -D archetypeVersion=41 \ -D appTitle="My Form" \ -D appId="myform" \ -D groupId="com.myform" \ -D includeFormsenrollment="y" \ -D aemVersion="6.5.23"
执行上述命令时,请务必考虑以下事项:
- 更新命令以反映环境的特定值,包括appTitle、appId和groupId。 此外,将includeFormsenrollment的值设置为
y
。 如果您使用Forms Portal,请设置 includeExamples=y 选项以将Forms Portal核心组件包含在您的项目中。
-
(仅适用于基于Archetype版本41的项目)创建AEM Archetype项目后,请为基于核心组件的自适应Forms启用主题。 要启用主题,请执行以下操作:
-
打开[AEM原型项目文件夹]/ui.apps/src/main/content/jcr_root/apps/appId/components/adaptiveForm/page/customheaderlibs.html以进行编辑:
-
在第21行添加以下代码:
code language-xml <sly data-sly-use.clientlib="core/wcm/components/commons/v1/templates/clientlib.html" data-sly-use.formstructparser="com.adobe.cq.forms.core.components.models.form.FormStructureParser" data-sly-test.themeClientLibRef="${formstructparser.themeClientLibRefFromFormContainer}"> <sly data-sly-test="${themeClientLibRef}" data-sly-call="${clientlib.css @ categories=themeClientLibRef}"/> </sly>
-
保存并关闭该文件。
-
-
更新项目以包含最新版本的Forms核心组件:
-
打开[AEM原型项目文件夹]/pom.xml进行编辑。
-
将
core.forms.components.version
和core.forms.components.af.version
的版本设置为最新的Forms核心组件版本。 -
保存并关闭该文件。
-
-
成功创建AEM原型项目后,为您的环境构建部署包。 要构建包,请执行以下操作:
-
导航到AEM原型项目的根目录。
-
运行以下命令为您的环境构建AEM原型项目:
code language-shell mvn clean install
成功构建AEM原型项目后,将生成一个AEM包。 您可以在[AEM原型项目文件夹]\all\target[appid].all-[version].zip中找到该包
-
-
使用包管理器在所有创作实例和发布实例上部署[AEM原型项目文件夹]\all\target[appid].all-[version].zip包。
http://[Publish Server URL]
:[PORT]/system/console。 通过此过程可登录“发布”实例,并允许您继续安装过程。为您的环境启用了核心组件。 将基于空核心组件的自适应表单模板和画布3.0主题部署到您的环境,使您能够创建基于核心组件的自适应Forms。
常见问题解答
核心组件包括哪些?
核心组件是一组适用于AEM的标准化Web内容管理(WCM)组件,可加快开发速度并降低网站的维护成本。
在启用核心组件上添加了哪些功能?
为您的环境启用自适应表单核心组件时,将有一个空白的基于核心组件的自适应表单模板和 Canvas 3.0 主题添加到您的环境。为您的环境启用自适应表单核心组件后,您可以:
- 创建基于核心组件的自适应Forms。
- 创建基于核心组件的自适应表单模板。
- 为基于核心组件的自适应表单模板创建自定义主题。
- 向需要表单Headless表示的渠道(如移动设备、Web、本机应用程序和服务)提供基于核心组件的自适应表单的JSON表示。