AEM 処理プロファイルとの統合

Asset Compute ワーカーが AEM as a Cloud Service でカスタムレンディションを生成するには、処理プロファイルを介して AEM as a Cloud Service のオーサーサービスに登録する必要があります。その処理プロファイルの対象となるすべてのアセットは、アップロード時または再処理時にワーカーを呼び出し、カスタムレンディションを生成して、アセットのレンディションを介して使用できるようにします。

処理プロファイルの作成

最初に、設定可能なパラメーターを使用してワーカーを呼び出す新しい処理プロファイルを作成します。

処理プロファイル

  1. AEM as a Cloud Service オーサーサービスに AEM 管理者 ​としてログインします。これはチュートリアルなので、開発環境またはサンドボックス内の環境を使用することをお勧めします。

  2. ツール/アセット/処理プロファイル ​に移動します。

  3. 作成」ボタンをタップします。

  4. 処理プロファイルに名前を付けます。WKND Asset Renditions

  5. カスタム」タブをタップし、「新規追加」をタップします

  6. 新しいサービスを定義します

    • レンディション名:Circle

      • AEM Assets でこのレンディションを識別するために使用されたレンディションのファイル名
    • 拡張子:png

      • 生成されるレンディションの拡張子。 png(ワーカーの Web サービスがサポートする出力形式)に設定します。円形の切り抜きの背後に透明な背景が表示されます。
    • エンドポイント: https://...adobeioruntime.net/api/v1/web/wkndAemAssetCompute-0.0.1/worker

      • これは、aio app get-url を介して取得されたワーカーへの URL です。URL が、AEM as a Cloud Service 環境に基づいて正しいワークスペースを指していることを確認します。
      • ワーカー URL が正しいワークスペースを指していることを確認します。AEM as a Cloud Service Stage はステージワークスペース URL を使用し、AEM as a Cloud Service Production は本番ワークスペース URL を使用する必要があります。
    • サービスパラメーター

      • パラメーターを追加」をタップします

        • キー:size
        • 値:1000
      • パラメーターを追加」をタップします

        • キー:contrast
        • 値:0.25
      • パラメーターを追加」をタップします

        • キー:brightness
        • 値:0.10
      • これらのキーと値のペアは、Asset Compute ワーカーに渡され、rendition.instructions JavaScript オブジェクトを通じて使用できます。

    • MIME タイプ

      • 次を含む: image/jpegimage/pngimage/gifimage/bmp``image/tiff
        • ワーカーの npm モジュールで使用される MIME タイプは、これらの MIME タイプのみです。 このリストは、カスタムワーカーが処理する処理を制限します。
      • 除外: Leave blank
        • このサービス設定を使用して、これらの MIME タイプを持つアセットを決して処理しないでください。 この場合、使用するのは許可リストのみです。
  7. 右上の「保存」をタップ

処理プロファイルの適用と呼び出し

  1. 新規作成された処理プロファイルを選択します。WKND Asset Renditions

  2. 上部のアクションバーで「フォルダーにプロファイルを適用」をタップします。

  3. 処理プロファイルを適用するフォルダー(例:WKND)を選択して、「適用」をタップします。

  4. AEM/Assets/ファイルWKND の順にタップして、処理プロファイルが適用されなかったフォルダーに移動します。

  5. 新しい画像アセット(sample-1.jpgsample-2.jpgsample-3.jpg)をアップロードします。処理プロファイルが適用されたフォルダーの下の任意のフォルダーを選択し、アップロードされたアセットが処理されるまで待ちます。

  6. 詳細を表示するにはアセットをタップします。

    • デフォルトのレンディションは、カスタムレンディションよりも AEM で迅速に生成および表示される場合があります。
  7. 左側のサイドバーから​ レンディション ​ビューを開きます。

  8. Circle.png という名前のアセットをタップして、生成されたレンディションを確認します。

    生成されたレンディション

完了です。

これですべて完了です。AEM as a Cloud Service Asset Computee マイクロサービスを拡張する方法に関するチュートリアルを完了しました。これで、AEM as a Cloud Service Author サービスで使用するカスタム Asset Compute ワーカーを設定、開発、テスト、デバッグ、デプロイできるようになりました。

Github でプロジェクトのソースコード全体を確認する

最終的な Asset Computeプロジェクトは、GitHub の次の場所から入手できます。

GitHub にはプロジェクトの最終状態が含まれ、ワーカーとテストケースが完全に入力されますが、資格情報(.env.config.json または .aio)は含まれません。

トラブルシューティング

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69