AEM 6.5 FormsでのアダプティブFormsコアコンポーネントの有効化

適用先： ✅アダプティブフォームのコアコンポーネ❎ントアダプティブフォームの基盤コンポーネント

アダプティブFormsコアコンポーネントを有効にすると、作成、公開、配信を開始できます コアコンポーネントベースのアダプティブForms および ヘッドレスアダプティブForms AEM 6.5 Forms環境から

AEM 6.5 Forms環境でアダプティブFormsコアコンポーネントを有効にするには、 AEM Archetype 41 以降 すべてのオーサーインスタンスとパブリッシュインスタンス上の（フォームオプションが有効な）プロジェクトをベースにする。

この記事では、AEM 6.5 Forms環境上のAEM Archetype 41 以降ベースのプロジェクトを設定してデプロイし、アダプティブFormsコアコンポーネントを有効にする詳細な手順を説明します。 以下のリストを参照して、 AEM 6.5 Formsコアコンポーネントを有効にする互換性のあるバージョン：

前提条件

AEM 6.5 Forms環境でアダプティブFormsコアコンポーネントを有効にする前に、次の手順を実行します。

• AEM 6.5 Forms サービスパック 16（6.5.16.0）以降にアップグレードします。

• Apache Maven の最新リリースをインストールします。

• プレーンテキストエディターをインストールします。例えば Microsoft Visual Studio Code などです。

最新の AEM アーキタイプをベースにしたプロジェクトの作成とデプロイ

AEM アーキタイプ 41 以降をベースにしたプロジェクトを作成し、すべてのオーサーインスタンスとパブリッシュインスタンスにデプロイするには：

1. AEM 6.5 Formsインスタンスをホストし、実行しているコンピューターに、管理者としてログインします。

2. コマンドプロンプトまたはターミナルを開き、次のコマンドを実行してAEM Archetype プロジェクトを作成します（フォームオプションが有効な状態）。

   • Microsoft Windows

      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.15"
   

   • Linux または Apple macOS

      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.15"
   

   上記のコマンドを実行する際は、次の点を考慮してください。

   • この aemVersion プロパティから 6.5.15.0 他の何かに

   • を設定します。 archetypeVersion プロパティを 41 または後で。 最新バージョンについては、 AEM Project Archetype ドキュメント。

   • コマンドを更新して、 appTitle, appId、および groupId. また、 includeFormsenrollment プロパティを y. フォームポータルを使用する場合は、includeExamples=y オプションを設定して、フォームポータルのコアコンポーネントをプロジェクトに含めます。

3. （アーキタイプバージョン 41 ベースのプロジェクトの場合のみ）AEM アーキタイププロジェクトの作成後に、コアコンポーネントベースのアダプティブフォームのテーマを有効にします。テーマを有効にするには、次の手順を実行します。

   1. [AEM Archetype Project Folder]/ui.apps/src/main/content/jcr_root/apps/appId/components/adaptiveForm/page/customheaderlibs.html を編集用に開きます。

   2. 21 行目に次のコードを追加します。

      <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>
      

      

   3. ファイルを保存して閉じます。

4. 最新バージョンの Forms コアコンポーネントを含めるようにプロジェクトを更新します。

   1. [AEM Archetype Project Folder]/pom.xml を編集用に開きます。

   2. のバージョンを設定 core.forms.components.version および core.forms.components.af.version から 最新のFormsコアコンポーネント のバージョンと両方がと同じバージョンであることを確認します。 Forms Core Components 表に記載されている、およびセットバージョンの core.wcm.components.version 以下で指定されたように WCM コアコンポーネント.

      警告

      • でアーキタイププロジェクトを作成する場合 version 45、 [AEM Archetype プロジェクトフォルダー]/pom.xmlは最初に、フォームコアコンポーネントのバージョンをに設定します。 1.1.28. アーキタイププロジェクトを構築またはデプロイする前に、フォームコアコンポーネントのバージョンをに更新します。 1.1.26.
      メモ

      • その他のトポロジを設定する場合は、送信、事前入力およびその他の URL を Dispatcher レイヤーのに必ず追加しま許可リストに加えるす。

   3. ファイルを保存して閉じます。

5. AEM アーキタイププロジェクトが正常に作成されたら、環境用のデプロイメントパッケージをビルドします。パッケージをビルドするには、以下を実行します。

   1. AEM アーキタイププロジェクトのルートディレクトリに移動します。

   2. 次のコマンドを実行して、環境に対応する AEM アーキタイププロジェクトをビルドします。

      mvn clean install
      

      

   AEM アーキタイププロジェクトが正常にビルドされると、AEM パッケージが生成されます。パッケージは、[AEM Archetype Project Folder]\all\target[appid].all-[version].zip になります。

6. パッケージマネージャーを使用して、[AEM Archetype Project Folder]\all\target[appid].all-[version].zip パッケージをすべてのオーサーインスタンスとパブリッシュインスタンスにデプロイします。

お使いの環境でコアコンポーネントが有効になります。空のコアコンポーネントベースのアダプティブフォームテンプレートと Canvas 3.0 テーマが使用中の環境にデプロイされ、コアコンポーネントベースのアダプティブフォームを作成できるようになります。

よくある質問

コアコンポーネントとは

コアコンポーネントは、web サイト開発時間の短縮とメンテナンスコストの削減を実現する、AEM の標準化された web コンテンツ管理（WCM）コンポーネントのセットです。

コアコンポーネントを有効にすると、どのような機能が追加されますか？

使用中の環境でアダプティブフォームのコアコンポーネントを有効にすると、空のコアコンポーネントベースのアダプティブフォームテンプレートと Canvas 3.0 テーマが環境に追加されます。お使いの環境でアダプティブフォームのコアコンポーネントを有効にすると、次の操作を実行できます。

• コアコンポーネントベースのアダプティブフォームの作成。
• コアコンポーネントベースのアダプティブフォームテンプレートの作成。
• コアコンポーネントベースのアダプティブフォームテンプレート用のカスタムテーマの作成。
• コアコンポーネントベースのアダプティブフォームの JSON 表現を、フォームのヘッドレス表現を必要とするモバイル、web、ネイティブアプリ、サービスなどのチャネルに提供。

次の手順

• コアコンポーネントベースのアダプティブフォームの作成
• アダプティブフォームを作成するか、AEM Sitesページまたはエクスペリエンスフラグメントに追加する
• アダプティブFormsに基づくコアコンポーネントのテーマを作成する
• コアコンポーネントベースのアダプティブFormsのテンプレートを作成する