UI 확장 도구 및 계정 설정
Workfront Fusion용 UI 확장을 만들려면 먼저 도구 및 계정을 설정해야 합니다. 이 작업은 한 번만 수행하면 됩니다.
전제 조건
UI 확장성 도구 및 계정을 설정하려면 다음 항목이 필요합니다.
-
Adobe 조직에 액세스할 수 있는 Adobe ID. Fusion에 로그인하는 데 사용하는 계정입니다.
-
App Builder에 대한 개발자 액세스. 조직 관리자가 개발자 역할을 부여하고 사용자를 App Builder이 포함된 제품 프로필에 추가해야 할 수 있습니다. 나중에 "개발자가 아님"으로 명령이 실패하거나 조직이 표시되지 않는 경우 Adobe 조직 관리자에게 사용자를 추가하도록 요청하십시오.
-
시스템 관리자 (팀의 다른 사람일 수 있음)에서 최종 릴리스 단계를 수행합니다. 만들고 배포하려면 개발자 역할만 필요하지만 승인/게시를 위해 확장을 제출하려면 시스템 관리자 역할이 필요합니다.
Adobe 액세스 수준에 대한 자세한 내용은
Adobe 설명서에서 액세스 권한을 받는 방법. -
소프트웨어를 설치하고 터미널 명령(macOS, Windows 또는 Linux)을 실행할 수 있는 컴퓨터입니다.
Node.js 설치
Adobe 도구는 Node.js에서 실행됩니다. LTS 버전(18 또는 20)을 설치해야 합니다.
-
https://nodejs.org(으)로 이동하여 LTS 설치 관리자를 다운로드합니다.
-
설치 관리자를 실행하고 기본값을 사용합니다.
-
터미널을 열고 다음 작업을 실행하여 작동하는지 확인합니다.
code language-sh node --version npm --version버전 번호가 표시됩니다(예:
v20.17.0및10.x). -
(조건부)
node을(를) 찾을 수 없으면 터미널을 닫았다가 다시 열거나 컴퓨터를 다시 시작하십시오. -
Adobe I/O CLI 설치(
aio)를 계속합니다.
- 여러 노드 버전을 사용하는 경우
nvm과(와) 같은 버전 관리자가 편리하지만 선택 사항입니다. - Adobe CLI에는 노드 18 이상이 필요합니다. LTS가 아닌 매우 새로운 버전은 때때로 문제를 일으킬 수 있으므로 LTS를 사용하는 것이 좋습니다.
Adobe I/O CLI(aio) 설치
확장을 만들고 빌드하고 게시하는 데 사용하는 명령줄 도구는 aio입니다.
전체적으로 설치하려면:
-
명령줄에서 다음
npm명령을 사용합니다.code language-sh npm install -g @adobe/aio-cli -
다음 명령을 사용하여 설치되었는지 확인합니다.
code language-sh aio --version@adobe/aio-cli/11.x.x과(와) 같은 항목이 표시됩니다. -
Adobe에 로그인을 계속합니다.
sudo을(를) 사용하십시오. 대신 npm의 전역 폴더 권한을 수정하거나 홈 디렉터리에 설치하는 노드 버전 관리자를 사용하십시오.Adobe에 로그인
-
다음 명령을 사용하여 CLI를 Adobe 계정에 연결합니다.
code language-sh aio login -
브라우저 창이 열리면 Adobe ID으로 로그인하여 액세스를 승인합니다.
-
로그인에 성공하면 브라우저 탭을 닫고 터미널로 돌아갑니다.
-
(선택 사항) 나중에 로그아웃하려면(예를 들어 계정을 전환하려면) 다음 명령을 사용합니다.
aio logout. -
활성 조직을 확인합니다.
활성 조직 확인
CLI가 가리키는 조직 확인:
aio console org list # see organizations you can use
aio console where # see your currently selected org/project/workspace
여러 조직에 속해 있는 경우 올바른 조직을 선택합니다.
aio console org select
이제 프로젝트를 만들 준비가 되었습니다.