Edge Delivery Services를 사용한 WYSIWYG 작성을 위한 개발자 시작 안내서

https://github.com/adobe-rnd/aem-boilerplate-xwalk로 이동하여 이 템플릿 사용 ​을 클릭하고 새 저장소 만들기 ​를 선택합니다.

• 이 옵션을 보려면 GitHub에 로그인해야 합니다.

기본적으로 저장소는 사용자에게 할당됩니다. 필요에 따라 이를 변경하고 저장소 이름과 설명을 입력한 후 저장소 만들기 ​를 클릭합니다.

동일한 브라우저의 새 탭에서 https://github.com/apps/aem-code-sync로 이동하여 구성 ​을 클릭합니다.

이전 단계에서 새 저장소를 만든 조직에 대해 구성 ​을 클릭합니다.

AEM Code Sync GitHub 페이지의 저장소 액세스 아래에서 저장소만 선택 ​을 선택하고, 이전 단계에서 만든 저장소를 선택한 다음 저장 ​을 클릭합니다.

AEM Code Sync가 설치되면 확인 화면이 표시됩니다. 새 저장소의 브라우저 탭으로 돌아갑니다.

fstab.yaml 파일을 클릭하여 열고 이 파일 편집 아이콘을 클릭하여 편집합니다.

fstab.yaml 파일을 편집하여 프로젝트의 마운트 지점을 업데이트합니다. 기본 Google Docs URL을 AEM as a Cloud Service 작성 인스턴스의 URL로 바꾼 다음 변경 사항 커밋… ​을 클릭합니다.

• https://<aem-author>/bin/franklin.delivery/<owner>/<repository>/main
• 마운트 지점을 변경하면 Edge Delivery Services에 사이트의 콘텐츠를 찾을 수 있는 위치가 알려집니다.

원하는 대로 커밋 메시지를 추가한 다음 변경 사항 커밋 ​을 클릭하여 main 분기에 직접 커밋합니다.

저장소 루트로 돌아가서 paths.json를 클릭한 다음 이 파일 편집 아이콘을 클릭합니다.

기본 매핑은 저장소 이름을 사용합니다. /content/<site-name>/:/를 사용하여 프로젝트에 필요한 기본 매핑을 업데이트하고 변경 사항 커밋… ​을 클릭합니다.

• 자체 <site-name>을 입력합니다. 이는 이후 단계에서 필요합니다.
• 매핑은 Edge Delivery Services에 AEM 저장소의 콘텐츠를 사이트 URL에 매핑하는 방법을 알려 줍니다.

원하는 대로 커밋 메시지를 추가한 다음 변경 사항 커밋 ​을 클릭하여 main 분기에 직접 커밋합니다.

https://github.com/adobe-rnd/aem-boilerplate-xwalk/releases의 GitHub에서 Edge Delivery Services와 WYSIWYG 작성 기능을 지원하는 최신 사이트 템플릿을 다운로드하십시오.

AEM as a Cloud Service 작성 인스턴스에 로그인하고 사이트 콘솔로 이동하여 만들기 > 템플릿으로 사이트 만들기 ​를 탭하거나 클릭합니다.

사이트 생성 마법사의 사이트 템플릿 선택 탭에서 가져오기 버튼을 클릭하여 새 템플릿을 가져옵니다.

GitHub에서 다운로드한 Edge Delivery Services로 WYSIWYG 작성 사이트 템플릿을 업로드하십시오.

• 템플릿은 한 번만 업로드해야 합니다. 업로드한 후에는 추가 사이트를 만드는 데 다시 사용할 수 있습니다.

템플릿을 가져오면 마법사에 표시됩니다. 클릭하여 선택한 후 다음 ​을 클릭합니다.

다음 필드를 입력하고 만들기 ​를 탭하거나 클릭합니다.

• 사이트 제목 - 사이트를 설명하는 제목을 추가합니다.
• 사이트 제목 - 이전 단계에서 정의한 <site-name>을(를) 사용합니다.
• GitHub URL - 이전 단계에서 생성한 GitHub 프로젝트의 URL을 사용합니다.

AEM은 대화 상자를 통해 사이트 생성을 확인합니다. 확인 ​을 클릭하여 닫습니다.

사이트 콘솔에서 새로 생성된 사이트의 index.html로 이동하고 도구 모음에서 편집 ​을 클릭합니다.

범용 편집기가 새 탭에서 열립니다. 페이지를 편집하기 위해 Adobe에 로그인 ​을 탭하거나 클릭하여 인증해야 할 수도 있습니다.