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

最終更新日: 2024-01-26
  • 作成対象:
  • Intermediate
    Experienced
    Developer

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

処理プロファイルの定義

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

処理プロファイル

  1. AEM as a Cloud Service Author サービスに as a としてログイン AEM Administrator. これは、サンドボックス内で開発環境または環境を使用することをお勧めします。
  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
      • これは、を介して取得されたワーカーへの URL です。 aio app get-url. URL が、AEM as a Cloud Service 環境に基づいて正しいワークスペースを指していることを確認します。
      • ワーカー URL が正しいワークスペースを指していることを確認します。 AEMas a Cloud Serviceステージではステージワークスペースの URL を使用し、AEMas a Cloud Service実稼動では実稼動ワークスペースの URL を使用する必要があります。
    • サービスパラメーター
      • パラメーターを追加」をタップします
        • キー:size
        • 値:1000
      • パラメーターを追加」をタップします
        • キー:contrast
        • 値:0.25
      • パラメーターを追加」をタップします
        • キー:brightness
        • 値:0.10
      • これらのキーと値のペアは、Asset computeワーカーに渡され、を通じて使用できます。 rendition.instructions JavaScript オブジェクト。
    • MIME タイプ
      • 次を含む: image/jpeg, image/png, image/gif, image/bmp, image/tiff
        • ワーカーの npm モジュールで使用される MIME タイプは、これらの MIME タイプのみです。 このリストは、カスタムワーカーが処理する処理を制限します。
      • 除外: Leave blank
        • このサービス設定を使用して、これらの MIME タイプを持つアセットを決して処理しないでください。 この場合、使用するのは許可リストのみです。
  7. 右上の「保存」をタップ

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

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

  2. タップ プロファイルをフォルダーに適用 上部のアクションバー

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

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

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

  6. アセットをタップして詳細を開きます

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

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

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

終了!

これで完了です。完了しました チュートリアル AEMas a Cloud ServiceのAsset computeマイクロサービスを拡張する方法について これで、AEMas a Cloud Serviceのオーサーサービスで使用するカスタムAsset computeワーカーを設定、開発、テスト、デバッグおよびデプロイする機能が必要になりました。

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

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

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

トラブルシューティング

このページ