사용자 정의 UI 확장: 문서 인덱스
Fusion은 인터페이스 내에 고유한 웹 UI를 표시할 수 있습니다. 확장이라는 작은 웹 앱을 빌드하여 Adobe에 게시하면 Fusion의 탐색에 단추로 표시됩니다. 사용자가 클릭하면 UI가 Fusion의 기본 영역에 로드되고 로그인한 사용자, 작업 중인 조직 및 팀 등에 대한 정보가 자동으로 전송됩니다.
Fusion 설명서의 이 섹션에서는 Adobe App Builder 또는 프론트엔드 프레임워크에 대한 이전 경험을 가정하지 않고 전체 프로세스를 안내합니다. 해당 코드에 대한 설명과 함께 필요한 코드도 포함되어 있습니다.
이 안내서 사용 시기
Fusion에 사용자 지정 화면 또는 도구를 추가하려면 이 안내서를 사용하십시오. 전문 개발자는 아니어도 됩니다. 터미널에 명령을 복사하고 몇 가지 텍스트 파일을 편집하는 것은 편해야 합니다.
사용자 정의 UI 확장을 만들려면 Adobe ID이 필요하고 Adobe 조직에 대한 액세스 권한(Fusion에 로그인하는 데 사용하는 것과 동일한 종류의 액세스 권한)이 필요합니다.
빌드할 내용
이 안내서를 마칠 때까지 다음과 같은 작업을 수행할 수 있습니다.
- 무료 Adobe App Builder 프로젝트. 여기서 확장을 사용할 수 있습니다.
- 사용자 정의 UI를 렌더링하는 작은 웹 앱입니다.
- 해당 웹 앱은 Fusion의 확장 지점 중 하나에 연결되므로 Fusion 탐색에 표시됩니다.
- 현재 사용자, 조직 및 팀과 같이 Fusion에서 라이브 컨텍스트를 읽고 사용자가 조직 또는 팀을 전환할 때 반응하는 UI입니다.
- 조직의 다른 사용자가 볼 수 있도록 확장이 게시되었습니다.
목차
페이지를 처음 순서대로 읽습니다. 나중에 필요한 위치로 바로 이동할 수 있습니다.
aio 명령줄을 사용하여 일반 App Builder 프로젝트를 생성합니다(제품별 템플릿이 아님). 그런 다음 프로젝트를 Fusion 확장 지점을 가리키고 위젯을 등록합니다.require-adobe-auth, Fusion v3 헤더 및 작업 예제를 다룹니다.가용성 참고 사항
Fusion은 현재 다음 확장 지점을 노출합니다.
fusion/nav-organization/1— 조직 섹션에 표시됩니다.fusion/nav-team/1— 팀 섹션에 표시됩니다.
이 중 하나에 대해 게시하려면 먼저 확장 지점을 Adobe 조직에 온보딩해야 합니다. 게시 단계에서 확장 지점이 "존재하지 않습니다"라고 말하지 않으면 문제 해결을 참조하십시오.
공식 Adobe 설명서
이 안내서는 Fusion에만 적용됩니다. 기본 플랫폼의 경우 표준 참조는 다음과 같습니다.