2.5.3 사용자 지정 Webhook 만들기 및 구성
사용자 지정 Webhook 만들기
https://pipedream.com/requestbin(으)로 이동합니다. 연습 2.3.6 대상 SDK에서 이 응용 프로그램을 이미 사용했습니다.
해당 서비스를 아직 사용하지 않은 경우 계정을 만든 다음 작업 영역을 만듭니다. 작업 영역이 생성되면 이와 유사한 항목이 표시됩니다.
URL을 복사하려면 복사 를 클릭하세요. 다음 연습에서는 이 URL을 지정해야 합니다. 이 예제의 URL은 https://eodts05snjmjz67.m.pipedream.net입니다.
이제 이 웹 사이트에서 이 웹후크를 만들었고, Event Forwarding property 에서 이 웹후크를 구성하여 이벤트 전달 테스트를 시작할 수 있습니다.
이벤트 전달 속성 업데이트: 데이터 요소 만들기
https://experience.adobe.com/#/data-collection/(으)로 이동한 다음 이벤트 전달(으)로 이동합니다. 이벤트 전달 속성을 검색하고 클릭하여 엽니다.
왼쪽 메뉴에서 데이터 요소(으)로 이동합니다. 새 데이터 요소 만들기 를 클릭합니다.
그러면 구성할 새 데이터 요소가 표시됩니다.
다음을 선택합니다.
- Name(으)로 XDM 이벤트 를 입력하십시오.
- 확장(으)로 코어 을(를) 선택합니다.
- 데이터 요소 형식(으)로 경로 을(를) 선택하십시오.
- 경로(으)로 XDM(arc.event.xdm)에서 데이터 읽기 를 선택합니다. 이 경로를 선택하면 웹 사이트 또는 모바일 앱에서 Adobe Edge로 보내는 이벤트 페이로드에서 XDM 섹션을 필터링합니다.
이제 이 음식을 드실 수 있습니다. 저장 을 클릭합니다.
Adobe Experience Platform 데이터 수집 서버 속성 업데이트: 규칙 만들기
왼쪽 메뉴에서 규칙(으)로 이동합니다. 새 규칙 만들기 를 클릭합니다.
그러면 구성할 새 규칙이 표시됩니다. 이름: 모든 페이지 를 입력하세요. 이 연습에서는 조건을 구성할 필요가 없습니다. 대신 작업을 설정합니다. 작업 아래의 + 추가 단추를 클릭합니다.
그러면 이걸 보게 될 거야. 다음을 선택합니다.
- 확장: Adobe Cloud Connector 를 선택하십시오.
- 작업 유형 을 선택합니다. 가져오기 호출.
그러면 이름: Adobe Cloud Connector - Make Fetch Call 이 제공됩니다. 이제 다음이 표시됩니다.
그런 다음 다음을 구성합니다.
- 요청 메서드를 GET에서 POST(으)로 변경
- 이전 단계 중 하나에서 만든 사용자 지정 웹후크의 URL을 입력하십시오.
https://eodts05snjmjz67.m.pipedream.net
이제 이 항목을 사용할 수 있습니다. 그런 다음 본문(으)로 이동합니다.
그러면 이걸 보게 될 거야. 아래 표시된 대로 데이터 요소 아이콘을 클릭합니다.
팝업에서 이전 단계에서 만든 데이터 요소 XDM 이벤트 를 선택합니다. 선택 을 클릭합니다.
그러면 이걸 보게 될 거야. 변경 내용 유지 를 클릭합니다.
그러면 이걸 보게 될 거야. 저장 을 클릭합니다.
이제 이벤트 전달 속성에서 첫 번째 규칙을 구성했습니다. 변경 내용을 게시하려면 흐름 게시(으)로 이동하십시오.
표시된 대로 편집 을 클릭하여 개발 라이브러리 Main 을(를) 엽니다.
변경된 모든 리소스 추가 단추를 클릭하면 이 라이브러리에 규칙 및 데이터 요소가 나타납니다. 개발을 위한 저장 및 빌드 를 클릭합니다. 변경 사항이 배포되고 있습니다.
몇 분 후에 배포가 완료되고 테스트할 준비가 되었음을 알 수 있습니다.
구성 테스트
https://dsn.adobe.com(으)로 이동합니다. Adobe ID으로 로그인하면 이 메시지가 표시됩니다. 웹 사이트 프로젝트에서 세 점 … 을(를) 클릭한 다음 실행 을(를) 클릭하여 엽니다.
그러면 데모 웹 사이트가 열리는 것을 볼 수 있습니다. URL을 선택하고 클립보드에 복사합니다.
새 시크릿 브라우저 창을 엽니다.
이전 단계에서 복사한 데모 웹 사이트의 URL을 붙여 넣습니다. 그런 다음 Adobe ID을 사용하여 로그인하라는 메시지가 표시됩니다.
계정 유형을 선택하고 로그인 프로세스를 완료합니다.
그러면 웹 사이트가 시크릿 브라우저 창에 로드되는 것을 볼 수 있습니다. 모든 연습에서는 새로운 시크릿 브라우저 창을 사용하여 데모 웹 사이트 URL을 로드해야 합니다.
브라우저 개발자 보기를 열면 아래에 표시된 대로 네트워크 요청을 검사할 수 있습니다. 상호 작용 필터를 사용하면 Adobe Experience Platform 데이터 수집 클라이언트에서 Adobe Edge로 보내는 네트워크 요청이 표시됩니다.
원시 페이로드를 선택한 경우 https://jsonformatter.org/json-pretty-print(으)로 이동하여 페이로드를 붙여 넣으십시오. 축소/축소 을 클릭합니다. 그러면 JSON 페이로드, events 개체 및 xdm 개체가 표시됩니다. 이전 단계 중 하나에서 데이터 요소를 정의할 때 참조 arc.event.xdm 을(를) 사용했습니다. 그러면 이 페이로드의 xdm 개체가 구문 분석됩니다.
이전 단계 중 하나에서 사용한 사용자 지정 Webhook https://pipedream.com/requestbin(으)로 보기를 전환합니다. 이제 왼쪽 메뉴에 표시되는 네트워크 요청과 함께 이와 유사한 보기가 있어야 합니다. 위에 표시된 네트워크 요청에서 필터링한 xdm 페이로드가 표시됩니다.
페이로드에서 아래로 조금 스크롤하여 페이지 이름을 찾습니다. 이 경우 페이지 이름은 home 입니다.
이제 웹 사이트를 탐색하는 경우 이 사용자 지정 웹 후크에서 추가 네트워크 요청을 실시간으로 사용할 수 있습니다.
이제 외부 사용자 지정 웹후크에 대한 웹 SDK/XDM 페이로드의 서버측 이벤트 전달을 구성했습니다. 다음 연습에서는 유사한 접근 방식을 구성하고, 동일한 데이터를 Google Cloud Platform 및 AWS에 보냅니다.