콘텐츠 조각 선택기 - 관련 속성 content-fragment-selector-related-properties
마이크로 프론트엔드 콘텐츠 조각 선택기를 사용하면 저장소에서 콘텐츠 조각을 찾아보거나 검색하고 애플리케이션에서 사용할 수 있습니다.
다음 속성을 사용하여 콘텐츠 조각 선택기를 렌더링하는 방법과 사용 방법을 사용자 지정할 수 있습니다.
콘텐츠 조각 선택기 속성 content-fragment-selector-properties
imsTokenrepoIdorgIdlocaleenvfilters/content/dam 아래의 조각이 표시됩니다. 기본값: { folder: "/content/dam" }isOpenfalseonDismissonSubmit{id: string, path: string}[], domainNames: string[] }) => void하나 이상의 콘텐츠 조각을 선택한 후 Select 을(를) 사용하면 호출할 함수입니다.
함수가 받게 되는 값:
id및path필드가 있는 선택된 콘텐츠 조각- 및 저장소의 프로그램 id 및 환경 id와 관련된 도메인 이름으로, 상태가
ready이고 게시가tier입니다.
도메인 이름이 없으면 게시 인스턴스를 대체 도메인으로 사용합니다.
themeselectionTypesingledialogSizefullscreenwaitForImsTokenfalseimsToken이(가) 준비될 때까지 기다려야 합니다.imsAuthInforunningInUnifiedShellreadonlyFiltersImsAuthProps 속성 imsauthprops-properties
ImsAuthProps 속성은 콘텐츠 조각 선택기에서 imsToken을(를) 가져오는 데 사용하는 인증 정보 및 흐름을 정의합니다. 이러한 속성을 설정하여 인증 플로우의 동작 방법을 제어하고 다양한 인증 이벤트에 대한 리스너를 등록할 수 있습니다.
imsClientIdimsScoperedirectUrlredirectUrl이(가) 제공되지 않으면 ImsAuthService에서 imsClientId을(를) 등록하는 데 사용되는 redirectUrl을 사용합니다.modalModetrue(으)로 설정하면 인증 흐름이 팝업에 표시됩니다. false(으)로 설정하면 전체 페이지를 다시 로드할 때 인증 흐름이 표시됩니다.참고: 더 나은 UX를 위해 사용자에게 브라우저 팝업이 비활성화된 경우 이 값을 동적으로 제어할 수 있습니다.
onImsServiceInitializedservice 매개 변수 하나를 사용합니다. 자세한 내용은 ImsAuthService을(를) 참조하십시오.onAccessTokenReceivedimsToken을(를) 받을 때 호출되는 콜백 함수입니다. 이 함수는 액세스 토큰을 나타내는 문자열인 imsToken 매개 변수 하나를 사용합니다.onAccessTokenExpiredonErrorReceivedImsAuthService 속성 imsauthservice-properties
ImsAuthService 클래스는 콘텐츠 조각 선택기에 대한 인증 흐름을 처리합니다. Adobe IMS 인증 서비스에서 imsToken을(를) 가져옵니다. imsToken은(는) 사용자를 인증하고 Adobe Experience Manager(AEM) CS 저장소에 대한 액세스 권한을 부여하는 데 사용됩니다. ImsAuthService는 ImsAuthProps 속성을 사용하여 인증 흐름을 제어하고 다양한 인증 이벤트에 대한 수신기를 등록합니다. 편리한 registerContentFragmentSelectorAuthService 함수를 사용하여 콘텐츠 조각 선택기에 ImsAuthService 인스턴스를 등록할 수 있습니다. 다음 함수는 ImsAuthService 클래스에서 사용할 수 있습니다. 그러나 registerContentFragmentSelectorAuthService 함수를 사용하는 경우에는 이러한 함수를 직접 호출할 필요가 없습니다.
isSignedInUsergetImsTokenimsToken을(를) 검색합니다. 이 인증은 자산 렌디션 생성과 같은 다른 서비스에 대한 요청을 인증하는 데 사용할 수 있습니다.signInImsAuthProps을(를) 사용하여 팝업 또는 전체 페이지 다시 로드에서 인증을 표시합니다.signOutrefreshToken