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

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

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

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

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

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

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

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

또한 Amazon Chime SDK는 오디오-비디오 세션을 위한 장치 관리 API 및 WebRTC 구현을 제공하는 브라우저 또는 Electron 애플리케이션에 의존합니다.

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