ドキュメントAEM as a Cloud Serviceユーザーガイド

AEM Assets View で UI 拡張機能を有効にする AEM-Assets-View-UI-Extensibility

Last update: Tue Mar 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • ユーザー
  • 開発者
新規 Dynamic Media Prime Ultimate
新規AEM AssetsUltimate
新規AEM AssetsとEdge Delivery Servicesの統合
Dynamic Media Prime Ultimateの新 能
検索のベストプラクティス
メタデータのベストプラクティス
コンテンツハブ
OpenAPI 機能を備えた Dynamic Media
AEM Assets 開発者向けドキュメント

AEM Assets View は UI 拡張機能をサポートしており、AEM Assets View の標準機能では満たされない特定のワークフローおよびビジネス要件に対して、カスタム UI コンポーネントを Assets View UI に追加できます。 AEM Assets View の UI 拡張機能により柔軟性が向上し、組織は特定のワークフローと要件に合わせてインターフェイスを調整できます。
拡張機能は アセット、フォルダー および コレクション レベルに追加できます。 追加された拡張機能は、アセット、コレクション または フォルダー 詳細 ページの専用パネルに表示されます。

IMPORTANT

Assets ビューへの アクセス add-UI-Extensibility-in-AEM-Assets-View

次の画像に示す手順に従って、Assets View にアクセスします。
access-assets-view-ui

Assets View での UI 拡張機能の表示 ui-extensibility-panel-assets-view

Assets View 内で、アセット、フォルダーまたはコレクションの 詳細 ページに移動します。 詳細 ページには、追加された UI 拡張機能が専用パネルに表示されます。
マイワークスペース

拡張コンポーネントを追加するための前提条件 assets-view-ui-extensibility

Assets View UI ージに拡張コンポーネントを追加するには、次の要件を満たします。

  • アクセス先 Assets View。
  • Adobe app builder へのアクセス。
  • 組織内のシステム管理者の役割の開発者に対する使用権限。 詳しくは、 このドキュメントを参照してください。
  • Adobe IO command line tool (AIO CLI) がローカルマシンにインストールされている。 このツールは、拡張機能プロジェクトの作成とデプロイに不可欠です。 詳しくは、 このドキュメントを参照してください。
  • JavaScript、Node.js、React のテクノロジーに関する十分な理解。

UI 拡張機能コンポーネントを Assets View に追加します ui-extensibility-in-assets-view

  1. UI 拡張機能と Adobe App Builder フレームワークに関する重要な情報については、「 はじめに」を参照してください。 UI 拡張機能によって Adobe Experience Cloud services 内でカスタムロジックと UI の統合を可能にする方法と、UI 拡張機能を実装するためのアーキテクチャとワークフローについて説明します。
  2. ローカル環境の設定、ローカルプレビュー、公開、管理など、UI の拡張機能に関する一般的な情報については、 ガイドを参照してください。
  3. AEM Assets View 用の UI 拡張機能を開発するために必要な基本事項を理解するには、 拡張機能の作成における一般的な概念を参照してください。
  4. Assets View インターフェイスへのカスタムサイドパネルの追加 ホストアプリケーション（Assets View）は、これらのパネルを管理して、切り替えやディープリンクなど、UI のインタラクションを処理します。 拡張機能では、aem/assets/details/1 拡張機能ポイントを使用して、パネル ID、タイトル、コンテンツ URL などのプロパティを指定するカスタムパネルを統合します。 開発者は、getPanels() メソッドでカスタムパネルを登録し、カスタムコンテンツを表示するルートを構築します。 API リファレンスやコード例などの詳細な実装については、 詳細ビューを参照してください。
  5. ローカル環境を設定し、最初の UI 拡張機能を作成して、Assets View で UI 拡張機能を開発するプロセスを直接体験します。 詳しくは ステップバイステップのAEM Assets ビュー拡張機能の開発を参照してください。
  6. AIO CLI を使用してアプリケーションを設定し、基本的な拡張機能構造と必要なコードを生成します。 詳しくは、 のコード生成 AEM Assets View を参照してください。
  7. 拡張機能をローカルでテストして、デプロイメント前に想定どおりに動作することを確認します。 拡張機能を完全に分離された環境または部分的に分離された環境で実行し、テスト用に拡張機能を実稼動 AEM Assets View に接続します。 詳しくは、 トラブルシューティング - AEM Assets View 拡張機能を参照してください。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab