22. Adobe I/O - Project Firefly 및 Adobe Experience Platform을 사용하여 자신만의 실시간 대시보드 만들기

작성자: 롭 인 더 모르, 아우터 반 겔루위

이 모듈에서는 Adobe I/O - Project Firefly 를 사용하여 Adobe Experience Platform의 데이터를 실시간으로 소비하는 고유한 실시간 대시보드를 만듭니다.

Project Firefly 는 엔터프라이즈 개발자가 Adobe Experience Cloud 솔루션을 확장하고 Adobe 인프라에서 실행되는 사용자 정의 웹 애플리케이션을 구축 및 배포할 수 있도록 하는 완벽한 프레임워크입니다. 최신 기술(JAM 스택, 서버리스 컴퓨팅, 노드 및 React)을 활용하고, 애플리케이션을 구축할 때 모범 사례를 보장합니다(이벤트 기반 아키텍처, 마이크로 서비스, 지속적인 통합 및 제공).
Project Firefly가 여기인 것에 대해 보다 자세한 내용을 읽을 수 있습니다.

이 자습서에서는 첫 번째 Project Firefly 애플리케이션을 빌드하는 방법을 알아봅니다. 공식 Project Firefly 설명서를 긴밀하게 준수하며 설정사항이 Adobe Experience Platform 인스턴스에만 적용되는지 확인합니다.

그런 다음 이 자습서의 목적으로 개발된 코드를 사용하여 가상 미디어 회사인 EXP News에 대한 실시간 컨텐츠 사용량 대시보드를 제공하는 Project Firefly 앱을 시연합니다.

학습 목표

• Adobe I/O Runtime에 익숙해지십시오
• Project Firefly에 익숙해지십시오
• Adobe 에코시스템에서 클라우드 기반의 애플리케이션을 구축하는 방법을 이해합니다
• Project Firefly를 사용하여 Adobe Experience Platform의 데이터를 사용하여 실시간 대시보드를 만드는 방법을 이해합니다

전제 조건

• Adobe Experience Platform에 액세스 및 Adobe I/O Runtime
• Adobe Experience Platform 데이터 세트 및 XDM 이해
• macOS 또는 Windows에서 명령줄에 대해 잘 알고 있는 것이 좋습니다

아키텍처 개요

이 모듈에서 논의하고 사용할 구성 요소를 강조 표시하는 아래 아키텍처를 살펴보십시오.

사용할 샌드박스

이 모듈의 경우 다음 샌드박스를 사용하십시오. --aepSandboxId--

연습

22.1 환경 설정

Project Firefly를 사용하려면 로컬 시스템에 특정 도구가 설치되어 있어야 합니다.

22.2 Project Firefly 소개

이 연습에서는 Project Firefly를 사용하여 샘플 프로젝트를 설정하는 방법을 알아봅니다.

22.3 EXP News 실시간 대시보드 구축

이 연습에서는 사용자 지정 웹 후크를 만들고 구성하고 Web SDK에서 수집한 데이터를 해당 사용자 지정 웹 후크에 전달하기 시작합니다.

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

이 연습에서는 Google 클라우드 기능을 만들고 구성하며, 웹 SDK에서 수집한 데이터 전달을 Google에 시작합니다.

요약 및 이점

이 모듈의 요약 및 이점 개요

모든 모듈로 돌아가기