オーサリングからパブリッシングへ：Edge Delivery Services での AEM Forms

テンプレートを選択してフォームを作成するには、次の手順を実行します。

1. AEM Forms as a Cloud Service オーサーインスタンスにログインします。

2. Adobe Experience Manager／フォーム／フォームとドキュメント ​を選択します。

3. 作成／アダプティブフォーム ​を選択します。ウィザードが開きます。

4. 「ソース」タブで、Edge Delivery Services ベースのテンプレート ​を選択します。

   

   Edge Delivery Services ベースのテンプレート ​を選択すると、「作成」ボタンが有効になります。

5. （オプション）「データソース」タブまたは「送信」タブで、データソースまたは送信アクションを選択できます。

6. （オプション）「配信」タブで、フォームの公開日または非公開日を指定できます。

7. 「作成」をクリックすると、フォームを作成 ​ウィザードが表示されます。

   1. 「名前」と「タイトル」を指定します。
   2. GitHub URL を指定します。例えば、GitHub リポジトリの名前が edsforms で、アカウント wkndforms の下にある場合、URL は次のようになります。
      https://github.com/wkndforms/edsforms

   

   「作成」をクリックすると、フォームがオーサリング用のユニバーサルエディターで開きます。

   

8. 「作成」をクリックしてフォームを作成します。これで、ユニバーサルエディターを使用してフォームをオーサリングできます。

テンプレートを選択してフォームを作成するには、次の手順を実行します。

1. AEM Forms as a Cloud Service オーサーインスタンスにログインします。

2. Adobe Experience Manager／フォーム／フォームとドキュメント ​を選択します。

3. 作成／アダプティブフォーム ​を選択します。ウィザードが開きます。

4. 「ソース」タブで、コアコンポーネントベースのテンプレート ​と​ テーマ ​を選択すると、「作成」ボタンが有効になります。

   

5. （オプション）「データソース」タブまたは「送信」タブで、データソースまたは送信アクションを選択できます。

6. （オプション）「配信」タブで、フォームの公開日または非公開日を指定できます。

7. 「作成」をクリックすると、フォームを作成 ​ウィザードが表示されます。

   1. 「名前」と「タイトル」を指定します。
   2. アダプティブフォームを保存する場所を「パス」フィールドで指定します。

   

   「作成」をクリックすると、フォームがオーサリング用のアダプティブフォームエディターで開きます。

   

8. 「作成」をクリックしてフォームを作成します。これで、アダプティブフォームエディターを使用してフォームをオーサリングできます。

1. コンテンツブラウザーを開き、コンテンツツリー ​の​ アダプティブフォーム ​コンポーネントに移動します。

   

2. 「追加」アイコンをクリックし、アダプティブフォームコンポーネント リストから目的のコンポーネントを追加します。
   

   以下のスクリーンショットは、ユニバーサルエディターでオーサリングした Registration Form フォームを示しています。

   

これで、フォームの送信アクションを設定およびカスタマイズできます。

1. 「コンポーネントをここにドラッグ」セクションで「コンポーネントを挿入」をクリックします。

   

2. アダプティブフォームコンポーネント ​リストから目的のコンポーネントを追加します。

   

以下のスクリーンショットは、アダプティブフォームエディターでオーサリングした Enrollment Form フォームを示しています。

これで、フォームの送信アクションを設定できます。

Edge Delivery Services ベースのテンプレートに基づくフォームの Edge Delivery Services 設定は、フォームの設定コンテナに自動的に作成されます。

1. AEM Forms as a Cloud Service オーサーインスタンスで、ツール／クラウドサービス／Edge Delivery Services 設定 ​に移動します。

   

2. フォームの名前に一致するフォルダーを選択します。例えば、フォームの名前が enrollment-form の場合は、フォルダー forms/enrollment-form を選択し、作成／設定 ​をクリックします。

   

3. 「Edge Delivery Services 設定」をクリックし、「プロパティ」をクリックしてプロパティを開きます。

   

   Edge Delivery Services 設定が表示されます。

4. Edge Delivery Services 設定で、次を指定します。

   • 組織：GitHub の組織名を指定します。

   • サイト名：GitHub のリポジトリ名を指定します。

   • 分岐：分岐名を指定します。main 分岐を使用する場合は、テキストボックスを空のままにします。

   • （オプション）Edge ホスト：「Edge ホスト」オプションはそのままにしておきます。フォームは、プレビュー（.page）環境とライブ（.live）環境の両方に公開されます。

   • （オプション）サイト認証トークン：サイト認証トークンを使用して、AEM インスタンスと Edge Delivery Services 間のリクエストを安全に認証します。

5. 「保存して閉じる」をクリックします。設定が作成されます。

1. ユニバーサルエディターの右上隅にある「公開」ボタンをクリックして、フォームを公開します。

1. Experience Manager Forms コンソールで、親フォルダーに移動し、公開するフォームを選択します。

2. ツールバーの「公開」オプションをクリックし、フォームと共に公開されるすべての参照アセットを確認します。