Amazon Chime SDK의 웹 애플리케이션 구성 요소 아키텍처 이해

이 다이어그램은 Amazon Chime SDK 웹 클라이언트 애플리케이션의 아키텍처를 보여줍니다.

웹 애플리케이션은 일반적으로 애플리케이션 비즈니스 로직 계층으로 구동되는 HTML 및 CSS 사용자 인터페이스 계층으로 구성됩니다. 일반 HTML 및 JavaScript로 웹 애플리케이션을 빌드하거나 React 및 Angular와 같은 UI 프레임워크를 사용할 수 있습니다.

웹 애플리케이션의 비즈니스 로직 레이어는 JavaScript API 세트를 통해 JavaScript용 Amazon Chime SDK 클라이언트 라이브러리와 상호 작용합니다. DefaultMeetingSession은 SDK의 루트 객체입니다. 서버 애플리케이션을 빌드하는 경우 MeetingSessionConfiguration을 사용하여 회의 및 참석자 정보로 애플리케이션을 초기화하고 회의에 참여합니다. 또한 DefaultMeetingSession은 AudioVideoFacade를 노출합니다. 이를 사용하면 비즈니스 로직 계층이 조치를 취하고 세션의 기본 상태가 변경될 때 사용자 인터페이스를 업데이트하는 콜백을 등록할 수 있습니다.

JavaScript용 Amazon Chime SDK 클라이언트 라이브러리는 오픈 소스이며 필요에 따라 재정의할 수 있는 사용자 지정 가능한 구성 요소 세트를 갖추고 있습니다. 기본 구현을 사용하면 데모 Meetingv2 애플리케이션과 같은 완전한 통합 커뮤니케이션 애플리케이션을 구축할 수 있습니다. JavaScript용 Amazon Chime SDK 클라이언트 라이브러리는 다른 두 라이브러리에 종속되어 있습니다.

• 브라우저 유형 및 기능 식별을 위한 Browser-Detect .

• 미디어 세션에 참여하는 데 필요한 신호 명령과 응답을 인코딩 및 디코딩하는 ProtoBufJs .

또한 Amazon Chime SDK는 브라우저 또는 Electron 애플리케이션에 따라 디바이스 관리 API와 오디오-비디오 세션을 위한 WebRTC 구현을 제공합니다.

JavaScript용 원본 Amazon Chime SDK 클라이언트 라이브러리는 TypeScript에 있지만, TypeScript 컴파일러를 사용하여 이를 JavaScript로 컴파일할 수 있습니다. 그런 다음 Webpack과 같은 모듈 번들러를 사용하여 번들링할 수 있습니다. 모범 사례로 NPM 레지스트리에서 JavaScript용 Amazon Chime SDK 클라이언트 라이브러리를 설치한 다음 CommonJS 환경에서 사용합니다. AWS 또한 HTML에 스크립트 태그로 직접 포함하려는 경우 Amazon Chime SDK를 미니화된 JS 파일로 번들링하기 위한 롤업 스크립트를 제공합니다.