View a markdown version of this page

서버리스 웹 앱 실시간 데이터 브로드캐스팅 - 서버리스 웹 앱 실시간 데이터 브로드캐스팅

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

서버리스 웹 앱 실시간 데이터 브로드캐스팅

게시일: 2021년 3월 24일(다이어그램 기록)

이 아키텍처는 AWS AppSync, AWS Lambda, AWS Step FunctionsAmazon DynamoDB를 사용하여 영화 투표 애플리케이션을 생성하는 방법을 보여줍니다. WebSockets을 통한 관리형 GraphQL 구독에서 백엔드 및 클라이언트 대상 실시간 브로드캐스팅을 사용할 수 있습니다.

서버리스 웹 앱 실시간 데이터 브로드캐스팅

AWS AppSync AWS Lambda, AWS Step Functions및 GraphQL 구독이 포함된 Amazon DynamoDB를 사용한 실시간 데이터 브로드캐스팅을 보여주는 아키텍처 다이어그램입니다.

다음 단계에서는 아키텍처를 설명합니다.

  1. Amazon CloudWatch Events는 60초마다 Step Functions에서 워크플로를 시작합니다.

  2. Step Functions는 10초마다 Lambda를 트리거합니다.

  3. Lambda는 The Movie DB API를 호출하여 가장 인기 있는 영화 목록에서 단일 무작위 영화의 메타데이터를 검색합니다.

  4. Lambda는 AppSync에 대한 GraphQL 변형을 통해 영화 테이블을 업데이트하고, 현재 투표를 0으로 설정하고, 투표 테이블의 리더보드를 호출합니다.

  5. AppSync는 Lambda에서 검색된 단일 현재 영화로 DynamoDB의 영화 테이블을 업데이트합니다.

  6. 백엔드 변형을 구독하는 연결된 모든 클라이언트는 브로드캐스트를 통해 화면에 동일한 현재 영화 게시자와 개요를 볼 수 있습니다.

  7. 클라이언트는 10초 동안 현재 영화에 투표하며 공개 채팅룸에서 채팅 메시지를 보내고 받을 수 있습니다.

  8. Lambda는 AppSync 변형을 통해 리더보드 및 클라이언트 영화 투표를 업데이트합니다.

  9. 퍼블릭 채팅룸은 로컬 해석기를 통해 pub/sub 채널에 현재 메시지를 표시합니다. 메시지는 백엔드 스토리지에 유지되지 않으며 새 메시지만 표시됩니다.

참조 자료

자세한 내용은 다음 리소스를 참조하세요.

다이어그램 기록

이 참조 아키텍처 다이어그램의 업데이트에 대한 알림을 받으려면 RSS 피드를 구독하세요.

변경 사항설명날짜

최초 게시

참조 아키텍처 다이어그램이 처음 게시되었습니다.

2021년 3월 24일

참고

RSS 업데이트를 구독하려면 사용 중인 브라우저에 대해 RSS 플러그인이 활성화되어 있어야 합니다.