확장 개발 시작하기

확장의 실행 및 빌드를 지원하기 위해 Adobe는 오픈 소스 스캐폴딩 툴을 사용하며, 이 툴은 확장 패키지에 필요한 파일 및 파일 구조를 생성할 수 있도록 Adobe Experience Platform Launch 엔지니어가 제공합니다. 그러므로 사용자가 실제로 코드를 작성해야 합니다.

전제 조건

확장 설정

확장 파일이 위치하는 디렉토리를 만듭니다.

mkdir example && cd example

본 가이드는 확장 스캐폴딩 툴을 사용하여 초기 확장 구조를 구축함으로써 개발자가 코딩 작업을 신속하게 시작할 수 있는 방법을 안내합니다. 필요한 경우 스캐폴드 툴을 사용하지 않고 이 프로세스를 수동으로 수행할 수 있습니다.

스캐폴드 툴을 실행합니다.

npx @adobe/reactor-scaffold

스캐폴드 툴은 다음과 같이 몇 가지 초기 구성 옵션을 묻습니다.

  • 표시 이름 - 표시되는 확장 이름
  • 버전 - 확장 버전
  • 설명 - 확장의 용도에 대한 간략한 설명입니다.
  • 작성자 - 확장 작성자 이름

스캐폴드 도구는 확장 구조를 생성하기 위한 옵션을 제공합니다.

  • 확장 구성 보기: 확장이 사용자로부터 전역 설정을 수집하는 보기, HTML 파일입니다.
  • 이벤트 유형: 관찰을 위한 활동을 정의합니다. 예를 들어, 사용자가 빠르게 스크롤하거나 페이지 요소와 상호 작용하는 때를 알 수 있습니다. 그런 다음 규칙에서 이벤트를 사용하여 작업을 수행할 수 있습니다.
  • 조건 유형: 조건 유형은 참 또는 거짓인지를 평가합니다.
    예를 들어, 사용자의 브라우저가 Chrome이거나, iPad를 사용하고 있거나, 사용자가 특정 도메인에 속해 있는지를 반환할 수 있습니다.
  • 작업 유형: 이벤트가 발생할 때 수행할 작업입니다. 예를 들어, 분석 비콘을 전송하거나, 오퍼를 표시하거나, 쿠키를 저장하거나, 지원 채팅을 여는 작업이 이에 해당합니다.
  • 데이터 요소 유형: 데이터 요소 유형은 데이터의 일부를 검색합니다. 이러한 데이터는 로컬 저장소, 쿠키, DOM 요소 또는 사용자 지정 위치에 있을 수 있습니다.
  • 공유 모듈: 공유 모듈은 확장이 다른 확장과 통신할 수 있는 메커니즘입니다.
  • 보기: 각 이벤트, 조건, 작업 또는 데이터 요소 유형마다 사용자가 설정 가능한 보기를 제공할 수 있습니다.
노트
  • 스캐폴딩 툴의 이후 실행에서는 초기 구성을 건너뜁니다.
  • 각 이벤트, 조건, 작업 중 하나 이상을 추가할 수 있습니다.
  • 구성 보기는 하나만 있을 수 있습니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now