ポータル上のフォーム公開の概要

最終更新日: 2023-08-15
  • 作成対象:
  • User
バージョン 記事リンク
AEM as a Cloud Service ここをクリックしてください
AEM 6.5 この記事

AEM Forms portal コンポーネントの概要

一般的なフォーム中心のポータルデプロイメントシナリオでは、フォーム開発とポータル開発が 2 つの異なるアクティビティになります。 フォームデザイナーがフォームを設計してリポジトリに保存する一方、Web 開発者はフォームを一覧表示し、フォームの送信を処理する Web アプリケーションを作成します。 Formsは、フォームリポジトリと Web アプリケーションの間で通信がおこなわれないので、Web 層にコピーされます。

このようなシナリオは、多くの場合、管理上の問題と生産上の遅延を引き起こします。 例えば、リポジトリに新しいバージョンのフォームがある場合、Web 層でフォームを置き換え、Web アプリケーションを変更し、パブリックサイトでフォームを再デプロイする必要があります。 Web アプリケーションを再デプロイすると、サーバーのダウンタイムが発生する場合があります。 通常、サーバーのダウンタイムは計画的なアクティビティなので、変更を瞬時に公開サイトにプッシュすることはできません。

AEM Forms は管理のオーバーヘッドと実稼働の遅延を低減するポータルコンポーネントを提供します。コンポーネントにより、web 開発者は Adobe Experience Manager(AEM)を使用して作成された web サイト上にフォームポータルを作成してカスタマイズできます。

AEM Forms ポータル

フォームポータルコンポーネントを使用して、以下の機能を追加できます。

  • カスタマイズしたレイアウトでフォームを一覧表示します。リスト表示、カード表示、パネル表示のレイアウトが標準で用意されています。 独自のカスタムレイアウトを作成できます。
  • カスタムメタデータとカスタムアクションをリスト表示中に表示できます。
  • フォームポータルコンポーネントを使用しているパブリッシュインスタンス上の AEM Forms UI が発行したフォームを一覧表示します。
  • エンドユーザーが HTML 形式および PDF 形式でフォームをレンダリングできるようにします。
  • カスタム HTML プロファイルを使用してフォームをレンダリングします。
  • 様々な検索条件(フォームプロパティ、メタデータ、タグなど)に基づいたフォームの検索を有効にします。
  • フォームデータをサーブレットに送信します。
  • カスタム CSS を使用してポータルのルックアンドフィールをカスタマイズします。
  • フォームへのリンクを作成します。
  • エンドユーザーが作成したアダプティブフォームに関連するドラフトと送信を一覧表示します。

使用可能なAEM Forms Portal コンポーネント

AEM Formsは、すぐに使用できる次のポータルコンポーネントを、の下にグループ化して提供します。 ドキュメントサービス および Document Services の述語 コンポーネントグループ:

検索とリスター

Search & Lister コンポーネントを使用すると、フォームリポジトリのフォームをポータルページに一覧表示でき、指定した条件に基づいてフォームを一覧表示するための設定オプションを提供します。 また、検索条件を指定して、ポータルユーザーがフォームのリスト全体を検索できるようにします。

ドラフトと送信

Search & Lister コンポーネントには、Formsの作成者が公開したフォームが表示され、Drafts & Submissions コンポーネントには、後で完了するためにドラフトとして保存されたフォームと送信済みのフォームが表示されます。 このコンポーネントは、ログインしたユーザーに対してパーソナライズされたエクスペリエンスを提供します。

リンクコンポーネントを使用すると、ページ上の任意の場所にフォームへのリンクを作成できます。 トレーニングプログラムを提供し、ユーザーがフォームを送信してトレーニングに登録したい場合を考えてみましょう。 Web サイトに、プログラムの詳細を投稿しました。 以下に、登録フォームへのリンクを示します。 リンクコンポーネントは、そのリンクの作成に役立ちます。

フォームポータルのワークフロー

Forms Portal では、フォームリポジトリからポータルページにフォームをリストすることができます。 また、検索条件を指定して、ポータルユーザーがフォームのリスト全体を検索できるようにします。 また、ドラフトと送信コンポーネントを使用して、後で完成させるためにドラフトとして保存されたフォームや送信済みのフォームを表示することもできます。これらの機能を Sites ページで使用できるようになる前に、一連の操作を実行します。 リストに表示された順序で手順を実行して、コンポーネントと各機能をサイトページで使用できるようにします。

  1. Forms Portal コンポーネントの有効化:デフォルトでは、Forms Portal コンポーネントは使用できません。 AEM Sites ページ用に AEM サイドキックからコンポーネントを有効にします

  2. ページ上のフォームを一覧表示します (Forms Portal ページを作成 )。 AEM Sitesページと非AEM Site ページの両方でフォームを一覧表示できます。 リストには、パブリッシュインスタンスで使用できるフォームが含まれています。ユーザーはフォームを開き、入力を開始できます。ユーザーがフォームを開くたびに、フォームの新しいインスタンスが作成されます。

    1. AEM Sites ページ上のフォームを一覧表示Search & Lister コンポーネントをページに追加してその中に​リストペイン​を設定し、 ページ上のフォームを一覧表示します。検索ペイン​コンポーネントを Search & Lister コンポーネントに追加して設定し、ページにも検索機能を追加します。Forms Portal コンポーネントを含むページは、 Forms Portal ページ.

    2. 非AEM Sitesページ上のフォームの一覧表示: 以下を使用します。 Forms Portal 検索 API を使用して、AEM Sites以外のページ上のフォームのクエリ、取得、リストを行います。

  3. Forms Portal ページにドラフトフォームと送信済みフォームを一覧表示する:ドラフトと送信コンポーネントをForms Portal ページに追加し、設定します。 このコンポーネントは、ドラフト状態のすべてのフォームと、既に送信済みのフォームを一覧表示します。

    アダプティブフォームの送信を有効化して「送信」タブに表示するには、「送信アクション」を「フォームポータル送信アクション」に設定します。​または、「フォームポータル送信」オプションを有効にします。ユーザーがフォームを送信するたびに、フォームが「送信」タブに追加されます。

  4. ドラフトおよび送信済みのフォームデータのストレージを設定:​デフォルトでは、ドラフトと送信データは AEM リポジトリに保存されます。実稼働環境では、ドラフトまたは送信済みのフォームデータを AEM リポジトリに格納しないことをお勧めします。安全な場所にデータを保存するようにForms Portal コンポーネントを設定する.

  5. (オプション) Forms Portal コンポーネントのカスタマイズ: Forms Portal ページテンプレートのカスタマイズ 部品に対して独特な外観を提供する。

  6. (オプション)フォームにカスタムメタデータを追加: フォームにカスタムメタデータを追加して、リストと検索のエクスペリエンスを向上させます。

  7. Forms Portal ページを公開します。 これで、Forms Portal ページの準備が整いました。 ページを公開します。

このページ