22.4 EXP 뉴스 데이터 수집을 EXP 뉴스 실시간 대시보드에 연결

목표

  • Adobe Experience Platform 데이터 수집 서버 측 전달을 사용하여 EXP News 웹 사이트에서 실시간 스트리밍 정보에 Project Firefly EXP News Realtime 대시보드 앱을 연결하는 방법을 이해합니다.

전제 조건

이 연습을 시작하기 전에 시스템에 NodeJS 및 Adobe I/O CLI를 설치 및 설정해야 합니다. 자세한 내용은 연습 22.1 - 환경 설정을 참조하십시오.

22.4.1 Project Firefly 앱 웹 후크 검색

EXP News 웹 사이트에서 대시보드 앱에 스트리밍 이벤트를 연결할 수 있는 웹 후크를 알아내야 합니다. 실제로, 연습 22.3.2에서 출력된 aio app deploy을 이미 발견했어야 합니다. 여기서 바로 복사할 수 있습니다.배포된 작업 목록의 첫 번째 행입니다.webhook​로 끝나는 경로입니다. 배포(예: https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook. webhook​의 URL을 복사하여 나중에 사용할 수 있도록 다른 위치에 저장합니다.

22.4.2 Adobe Experience Platform 데이터 수집 서버 측 전달 설정

이제 이전 연습에서 검색한 웹 후크를 사용하여 Project Firefly EXP News Firefly 대시보드 앱에 대한 서버 측 전달을 설정합니다.

https://experience.adobe.com/#/data-collection/로 이동합니다. 올바른 조직에 있는지 확인하고 오른쪽 상단 모서리에서 을(를) 확인합니다.--envName--

Adobe Experience Platform 데이터 수집 SSF

왼쪽 메뉴에서 서버​를 클릭합니다. 서버 속성에 대한 개요가 표시됩니다.

Adobe Experience Platform 데이터 수집 SSF

모듈 21의 일부로 만든 서버 측 속성을 검색합니다(예:vangeluw - 데모 시스템(24/04/2021)(에지))을 열고 를 클릭합니다.

Adobe Experience Platform 데이터 수집 SSF

왼쪽 레일에서 데이터 요소​를 클릭한 다음 데이터 요소 추가​를 클릭하여 새 데이터 요소를 추가합니다. 데이터 요소 정의 화면에서 다음 정보를 제공합니다.

  • 이름: brandName
  • 확장:목록 Core 에서 을 선택합니다.
  • 데이터 요소 유형:목록 Path 에서 을 선택합니다.
  • 경로(필수): arc.event.xdm.--aepTenantId--.demoEnvironment.brandName

Adobe Experience Platform 데이터 수집 SSF 데이터 요소

저장​을 클릭하여 데이터 요소를 저장합니다.

왼쪽 레일에서 규칙​을 클릭합니다. 연습 21의 모든 페이지 규칙이 나열된 이 속성에 대해 작성된 규칙에 대한 개요가 표시됩니다. 규칙 추가​를 클릭합니다.

Adobe Experience Platform 데이터 수집 규칙

규칙 만들기 화면에서 다음을 수행합니다.

이름​을 입력합니다(예: ).All Pages EXP News + 추가​를 클릭하여 새 조건을 추가합니다.

Adobe Experience Platform 데이터 수집 규칙 이름

조건 구성 화면에서 다음 정보를 제공합니다.

  • 논리 유형:선택 Regular
  • 확장:선택 Core
  • ​조건 유형:선택 Value Comparison
  • 이름: Core - Value Comparison
  • 왼쪽 피연산자(필수):3개의 실린더 아이콘 brandName 을 클릭하여 표시되는 대화 상자에서 를 선택합니다. 이 필드는 {{brandName}}으로 채워집니다.
  • 연산자:선택 Equals
  • 오른쪽 피연산자:유형 EXP News.

Adobe Experience Platform 데이터 수집 SSF 규칙

변경 내용 유지​를 클릭하여 규칙 만들기 화면으로 돌아갑니다. 그런 다음 여기로 다시 돌아와 + 추가​를 클릭하여 새 작업을 추가합니다.

Adobe Experience Platform 데이터 수집 SSF 규칙

작업 구성 화면에서 왼쪽 패널에 다음 정보를 제공합니다.

  • 확장:선택 Adobe Cloud Connector
  • 작업 유형:선택 Make Fetch Call
  • 이름: Adobe Cloud Connector - Make Fetch Call
  • 방법(필수):선택 POST
  • URL(필수):연습 22.4.1에서 복사하고 저장한 웹 후크를 붙여 넣습니다(예: https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook

Body​를 클릭합니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 3

Body​가 다음과 같이 표시되는지 확인합니다.

  • 원시​본문 형식​으로 선택되었는지 확인합니다.
  • 본문(원시) 아래의 필드 뒤에 있는 3개의 실린더 아이콘을 클릭할 때 표시되는 대화 상자에서 XDM 이벤트​를 선택합니다. {{XDM Event}}이 삽입됩니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 3b

변경 내용 유지​를 클릭합니다. 화면이 다음과 같이 표시됩니다. 저장​을 클릭합니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 4

왼쪽의 게시 흐름​을 클릭하여 Adobe Experience Platform 데이터 수집 서버 구성에 변경 사항을 배포합니다.
클릭…Development 열의 v1 오른쪽에 있는 를 클릭하고 편집​을 클릭합니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 5

라이브러리 편집 화면에서 변경된 모든 리소스 추가​를 클릭합니다. 최신 변경 사항에 대한 개요를 볼 수 있습니다. 개발을 위한 저장 및 구축​을 클릭합니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 6

잠시 후에 이전 화면으로 돌아갑니다. v1 앞의 원이 회전하는 것을 중단하고 고형 녹색으로 바뀔 때까지 기다립니다. 이제 EXP News 페이지에 대해 업데이트된 서버 측 전달 규칙이 배포됩니다.

Adobe Experience Platform 데이터 수집 SSF 규칙 7

22.4.3 EXP 뉴스 실시간 대시보드 시연

이제 EXP News 웹 사이트의 상호 작용이 EXP News 대시보드 앱에서 실시간으로 어떻게 업데이트되는지 보여줍니다.

다음을 수행하십시오.

https://public.aepdemo.net으로 이동합니다.

구성 ID를 입력하고 구성 로드​를 클릭합니다.

페이지 하단에서 구성 저장​을 클릭합니다.

LDAP​를 클릭하고 목록에서 LDAP 이름을 선택합니다. 저장​을 클릭합니다. LDAP

Brand​을 클릭하고 목록에서 EXP News (Demo brand for mediaent)를 선택합니다.

저장​을 클릭합니다.

브랜드

환경 상태 화면에서

상태

EXP News 로고를 클릭합니다. 그러면 EXP News 웹 사이트로 이동합니다.

EXP 뉴스

EXP News 웹 사이트에서 를 클릭하여 문서를 읽고 비디오를 확인합니다.

EXP News 실시간 대시보드 Firefly 앱으로 돌아갑니다.EXP News 사이트와의 상호 작용을 실시간으로 새로 고쳐야 합니다.

실시간

이것을 더 재미있게 탐험해 보세요. 더 많은 개발자이자 모험심이 있고 여가 시간이 있는 경우, 대시보드 앱의 소스 코드를 탐색하고 필요에 따라 변경합니다.

이제 이 연습과 이 모듈을 완료했습니다.

다음 단계:요약 및 이점

모듈 22로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는