マイクロフロントエンドコンテンツフラグメントセレクター micro-frontend-content-fragment-selector

Last update: Thu Apr 17 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

適用対象：
Experience Manager as a Cloud Service

作成対象：

管理者
ユーザー

マイクロフロントエンドコンテンツフラグメントセレクターは、Adobe Experience Manager（AEM）as a Cloud Service リポジトリと簡単に統合できるユーザーインターフェイスを提供します。このインターフェイスを使用すると、リポジトリ内のコンテンツフラグメントを参照または検索し、アプリケーションで使用できます。

コンテンツフラグメントセレクターパッケージを使用すると、マイクロフロントエンドのユーザーインターフェイスをアプリケーションで利用できるようになります。パッケージのアップデートはすべて自動的に読み込まれ、アプリケーションに読み込まれます。

マイクロフロントエンドコンテンツフラグメントセレクター - 概要

コンテンツフラグメントセレクターには、次のような多くの利点があります。

任意のアドビアプリケーションとの統合が簡単です。
コンテンツフラグメントセレクターパッケージのアップデートがアプリケーションで使用可能なコンテンツフラグメントセレクターに自動的にデプロイされるので、管理が簡単です。つまり、アプリケーションで最新の修正内容を読み込むアクションを実行する必要はありません。
アプリケーション内のコンテンツフラグメントセレクターの表示を制御するプロパティを使用するので、カスタマイズが簡単です。
フルテキスト検索とカスタマイズ可能なフィルターを併用すると、オーサリングエクスペリエンス内でコンテンツフラグメントをすばやく移動できます。
IMS 組織内のリポジトリを切り替えて、コンテンツフラグメントを選択できます。
コンテンツフラグメントを並べ替えたり、選択したビューで表示したりできます。

前提条件 prerequisites

IMS 認証 ims-authentication

IMS 認証ワークフローが必要な場合は、次を確認する必要があります。

アプリケーションは HTTPS で実行されている。
アプリケーションの URL は、IMS クライアントで許可されるリダイレクト URL のリストにある。
IMS ログインフローは、web ブラウザーのポップアップを使用して設定およびレンダリングされる。そのため、ターゲットブラウザーでポップアップを有効または許可する必要があります。

または、アプリケーションが IMS ワークフローで既に認証されている場合は、代わりに適切な IMS 情報を追加できます。

インストール installation

ContentFragmentSelector コンポーネントを使用します。いくつかのインストールオプションがあります。

NPM レジストリ（プライベート Adobe レジストリ）

.npmrc に次の内容を追加します。

code language-html
`@aem-sites:registry=https://artifactory.corp.adobe.com/artifactory/api/npm/npm-aem-sites-release/`

次に、以下をインストールします。

code language-html
`npm install @aem-sites/content-fragment-selector`

Git リポジトリ

package.json の依存関係に次の内容を追加します。

code language-html
`"@aem-sites/content-fragment-selector": "git+https://github.com/adobe/<your-private-repo-url>.git#version"`

コンテンツフラグメントセレクターの使用 using-the-Content-Fragment-selector

コンテンツフラグメントセレクターを設定し、AEM as a Cloud Service アプリケーションでコンテンツフラグメントセレクターの使用が認証されると、コンテンツフラグメントを選択したり、その他の様々な操作を実行してリポジトリ内でフラグメントを検索したりできます。

コンテンツフラグメントセレクター

右上の リポジトリ セレクターを使用すると、使用するリポジトリを選択できます。
左端のパネルでは、次の操作を実行できます。
- 選択したリポジトリのフォルダーを非表示または表示
- 特定のフォルダーを選択して、そのフォルダー内のコンテンツフラグメントを表示
メインパネルでは、次の操作を実行できます。
- コンテンツフラグメントを選択
- コンテンツフラグメントを検索
- 現在のリストを様々な列に従って昇順または降順で並べ替え
- 表示形式インジケーターを参照
- フィルターを表示、非表示、指定