AEM Content Advisorのアップロードと出力先の選択をAngular アプリケーションに統合する

@assets/upload パッケージがパブリック npm レジストリで使用できないため、Angular アプリケーションでassets-upload バンドルのUMD エクスポートを使用します。

UMD PureJSSelectors Content Advisor統合からIMS認証セッションを再利用します。

• PureJSSelectors.registerContentAdvisorAuthServiceをonAccessTokenReceived コールバックと共に使用して、アクセストークンを取得します。
• 取得したトークンをアップロード MFEのapiToken propに渡します。

宛先フォルダーの選択を実装します。

• AllInOneUpload コンポーネントが宛先フォルダーを選択するためのユーザーインターフェイスを提供していないため、targetUploadPathを指定します。
• DestinationSelector MFEを使用して、ユーザーが宛先フォルダーを選択できるようにします。
• PureJSSelectors.renderDestinationSelectorWithAuthFlow エクスポートを使用して、認証フローでDestinationSelectorをレンダリングします。
• ユーザーがフォルダーを選択したら、選択したパスをtargetUploadPathとしてアップロード MFEに渡します。

統合を実装した後、次の点を確認します。

• アップロード UIは、Angular アプリケーションでレンダリングされます。
• IMS認証セッションが再利用されます。
• 選択した宛先フォルダーへのアップロードが成功しました。