설명서

AEM Sidekick 설치

Last update: Fri May 17 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

​​AEM Sidekick은 콘텐츠 작성자에게 웹 사이트 페이지에서 직접 콘텐츠를 편집하고 미리 보고 게시할 수 있도록 컨텍스트 인식 옵션을 제공하는 도구 모음을 제공합니다.

이 문서에서는 사이드 킥을 설치하고 구성하는 방법에 대해 설명합니다.

설치 옵션

사이드 킥은 Chrome 기반 브라우저 및 Safari에서 브라우저 확장으로 사용할 수 있으며 다양한 방법으로 설치할 수 있습니다.

이미 사이드 킥이 설치되어 있고 이를 사용하는 데 도움이 필요한 경우 문서를 참조하십시오. AEM Sidekick 확장 사용.

Sidekick 구성자 사용

Configurator는 브라우저를 감지하고 설치 프로세스를 안내합니다.

  1. Safari 또는 Chrome 기반 브라우저에서 링크로 이동합니다 https://www.aem.live/tools/sidekick/
  2. 프로젝트의 GitHub 저장소에 대한 URL과 프로젝트 이름(선택 사항)을 입력하고 을 클릭합니다. 이동.
    1. 사이드 킥은 여러 프로젝트를 지원하며 수사적 이름을 제공하여 구성을 관리할 수 있습니다.
  3. 새 섹션에서 Sidekick 확장 설치 및 이 프로젝트 추가 표시되는 대화 상자에서 Chrome용 Sidekick 확장 프로그램 설치 또는 Safari용 Sidekick 확장을 설치합니다.
    Sidekick 확장이 설치되지 않은 Sidekick 구성자
  4. 그러면 페이지가 App Store 또는 Chrome 웹 스토어를 적절하게 열고 OS에 맞게 확장을 설치할 수 있습니다.
  1. Configurator 페이지로 돌아가서 프로젝트 추가.
    Sidekick 확장이 설치되어 있고 프로젝트가 아직 구성되지 않은 Sidekick 구성자
  2. Configurator가 프로젝트를 확장에 추가합니다. 이제 확장을 사용할 준비가 되었습니다!

확장을 설치하는 데 문제가 있는 경우 섹션의 지침을 검토하십시오 수동으로 Sidekick 설치.

수동으로 Sidekick 설치

크롬

  1. 에서 사이드 킥 확장으로 이동합니다. Chrome 웹 스토어.
  2. 다음을 클릭합니다. Chrome에 추가 단추를 클릭합니다.
  3. 클릭 확장 추가 설치를 확인합니다.
  4. Chrome의 주소 표시줄 옆에 있는 새 Adobe Experience Cloud 아이콘을 클릭하고 고정 아이콘 을 클릭하여 계속 볼 수 있습니다.

Safari

  1. 에서 사이드 킥 확장으로 이동합니다. App Store.

  2. 다음을 클릭합니다. 설치 단추를 클릭합니다.

  3. 확장을 활성화합니다.

    1. Desktop Safari

      1. Safari를 엽니다.
      2. 설정으로 이동합니다.
      3. 확장을 클릭합니다.
      4. 사이드 킥 확장 옆에 있는 상자를 선택합니다.

    2. Mobile Safari

      1. 설정 열기
      2. Safari 탭
      3. 그런 다음 확장 을 탭합니다.
      4. 사이드 킥 확장을 전환합니다.

  4. 확장 프로그램이 모든 웹 사이트에 액세스할 수 있는지 확인하십시오.

  5. 프로젝트에서 sidekick 확장을 사용하려면 서드파티 쿠키를 활성화해야 합니다. Safari > 설정 > 개인 정보 > "사이트 간 추적 방지" 선택 취소

프로젝트 추가

사이드 킥 확장에 프로젝트를 추가하는 방법은 여러 가지가 있습니다.

1. Sidekick 구성자

  1. 섹션 보기 Sidekick 구성자 사용.

2. URL 공유

  1. 다음으로 시작하는 공유 URL로 이동 https://www.aem.live/tools/sidekick/?...
  2. 파란색을 클릭합니다 프로젝트 추가 단추를 클릭합니다.
    1. 또는 브라우저의 주소 표시줄 옆에 있는 Adobe Experience Cloud 아이콘을 클릭하고 을 선택할 수 있습니다. 프로젝트 추가 컨텍스트 메뉴 아래의 제품에서 사용할 수 있습니다.
  3. 확인을 위해 대화 상자가 표시됩니다. 클릭 확인 계속합니다.

프로젝트의 동료가 공유 URL을 제공할 수 있습니다. 문서 보기 AEM Sidekick 확장 사용 을 참조하십시오.

3. 프로젝트 URL(데스크탑 전용)

  1. 다음과 같은 호스트 이름의 프로젝트 URL로 이동합니다. https://main–repo–owner.hlx.page/
  2. 브라우저의 주소 표시줄 옆에 있는 Adobe Experience Cloud 아이콘을 클릭하고 을(를) 선택합니다 프로젝트 추가 컨텍스트 메뉴 아래의 제품에서 사용할 수 있습니다.
  3. 확인을 위해 대화 상자가 표시됩니다. 클릭 확인 계속합니다.

4. GitHub 저장소 URL(데스크탑 전용)

  1. 다음으로 시작하는 GitHub 저장소로 이동 https://github.com/...
  2. 브라우저의 주소 표시줄 옆에 있는 Adobe Experience Cloud 아이콘을 클릭하고 을(를) 선택합니다 프로젝트 추가 컨텍스트 메뉴 아래의 제품에서 사용할 수 있습니다.
  3. 확인을 위해 대화 상자가 표시됩니다. 클릭 확인 계속합니다.

5. 옵션 페이지

옵션 페이지에 모든 프로젝트 구성이 나열되며 이를 통해 추가, 편집 또는 삭제할 수 있습니다.

  1. 옵션 페이지로 이동합니다.

    1. Chrome: 주소 표시줄 옆에 있는 Adobe Experience Cloud 아이콘을 마우스 오른쪽 단추로 클릭하고 옵션 컨텍스트 메뉴 아래의 제품에서 사용할 수 있습니다.
    2. Safari(데스크탑): 주소 표시줄 옆에 있는 Adobe Experience Cloud 아이콘을 마우스 오른쪽 단추로 클릭하고 확장 관리… 확장 대화 상자에서 환경 설정.
    3. Safari(모바일): 설정을 열고 탭합니다. Safari > 확장 > AEM Sidekick > 확장 설정.

  2. 다음 두 가지 방법 중 하나를 사용하여 프로젝트 구성을 추가합니다.

    1. 공유 URL을 통해 추가: 프로젝트 구성은 공유 URL에 포함된 매개 변수에서 검색됩니다.
    2. 수동으로 추가: 프로젝트에 대한 GitHub 저장소 URL 및 기타 선택적 매개 변수를 입력합니다.

프로젝트 구성 이해

프로젝트 구성 편집기

  • 프로젝트 이름 : 여기에서 프로젝트 이름을 지정하십시오. 이렇게 하면 프로젝트 구성에 이름이 지정되므로 사이드 킥에서 쉽게 식별할 수 있습니다. 이는 선택적 구성입니다.
  • 저장소 URL : 여기에서 프로젝트의 Github 저장소를 지정합니다. 예: https://github.com/hlxsites/wknd.
    • 보너스 팁 : 여기에서 저장소 분기를 지정하여 브라우저에서 프로젝트 코드를 열 때 이 저장소 분기에서 프로젝트 코드를 선택할 수 있습니다. 예: https://github.com/hlxsites/wknd/tree/mybranch
  • 컨텐츠 URL : Sharepoint/GDrive 루트에 있는 프로젝트 루트 폴더의 URL을 지정합니다.
  • 프로덕션 호스트 이름 : 프로덕션 URL(프로젝트의 공개 호스트 이름인 도메인 이름)을 지정합니다. 이렇게 하면 프로덕션 도메인에서 사이트를 열 때 브라우저에서 사이드 킥을 사용할 수 있습니다. 이 설정은 선택 사항입니다.

고급 구성

로컬에서 Sidekick 사용자 지정 개발

고급 프로젝트 구성 설정

  • 로컬에서 프로젝트 구성 테스트: 이 고급 설정을 사용하여 사이드 킥의 로컬 사용자 지정을 테스트합니다. 자세한 내용 여기서 맞춤화 Sidekick.
    • 로컬 개발 URL : 로컬에서 실행 중인 서버의 URL을 지정하십시오. 기본값은 입니다. http://localhost:3000

사용자 지정 인증 추가

인증으로 보호된 사이트의 경우 .page 및 .live, HTTP에 추가할 인증 토큰을 추가할 수 있습니다 Authorization: 머리글입니다.

CDN에서 사용되는 API 키를 테스트하고 원본에 대한 액세스 권한이 있는지 확인하는 데 사용할 수 있습니다. 이 옵션은 설정 및 디버깅을 위해 관리 직원만 사용할 수 있습니다.

Sidekick 북마클릿 설치

브라우저에 확장을 설치할 수 없거나 사이드 킥 확장이 현재 지원하지 않는 브라우저를 사용하는 경우 북마클릿을 사용할 수 있습니다.

A 북마클릿 는 브라우저에 새 기능을 추가하는 JavaScript 명령을 포함하는 브라우저 책갈피 또는 즐겨찾기입니다. 사이드 킥 북마클릿은 설치할 필요 없이 사이드 킥의 기능을 추가하므로 일부 사용자에게 유용할 수 있습니다.

Adobe 사이드 킥 확장은 주어진 컨텐츠 페이지에서 열리는지 닫혀 있는지 기억하므로 가능하면 확장을 설치하는 것이 좋습니다. 북마켓은 항상 콘텐츠 페이지에서 수동으로 열고 닫아야 합니다.

북마클릿을 설치하려면:

  1. 브라우저에서 링크로 이동합니다. https://www.aem.live/tools/sidekick/
  2. 프로젝트의 GitHub 저장소에 대한 URL과 프로젝트 이름(선택 사항)을 입력하고 을 클릭합니다. 이동.
    1. 사이드 킥은 여러 프로젝트를 지원하며 수사적 이름을 제공하여 구성을 관리할 수 있습니다.
  3. 라는 새 섹션 이 프로젝트에 대한 Sidekick 북마클릿 설치 은 버튼과 함께 페이지에 나타납니다.
    Sidekick 확장이 설치되고 프로젝트가 구성된 Sidekick 구성자
  4. 단추를 책갈피나 즐겨찾기 도구 모음으로 드래그합니다.
  5. 책갈피나 즐겨찾기 도구 모음에서 북마클릿을 클릭하여 전환합니다.

Sidekick 확장 사용

문서를 참조하십시오. AEM Sidekick 사용 사이드 킥을 사용하는 방법을 알아봅니다.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec