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

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

웹 애플리케이션 구성 요소 아키텍처

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

Amazon Chime SDK 웹 애플리케이션의 아키텍처.

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

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

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

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

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

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

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