了解 Web 应用程序组件架构 - Amazon Chime SDK

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

了解 Web 应用程序组件架构

下图显示了 Amazon Chime SDK 网络客户端应用程序的架构：

该图显示了 Amazon Chime SDK 网络应用程序的架构。

Web 应用程序通常由HTML和CSS用户界面层组成，该层由应用程序业务逻辑层提供支持。你可以简单地构建 Web 应用程序 JavaScript，也可以使用 React HTML 和 Angular 等用户界面框架。

Web 应用程序的业务逻辑层通过一组与 Amazon SDK Chime 客户端库 JavaScript 进行交互。 JavaScript APIs这些区域有：DefaultMeetingSession是。的根对象SDK。在构建服务器应用程序时，您使用 MeetingSessionConfiguration使用会议和与会者信息对其进行初始化并加入会议。 DefaultMeetingSession 还暴露了 AudioVideoFacade，它使业务逻辑层能够采取行动，并注册在会话底层状态发生变化时更新用户界面的回调。

的 Amazon Chime SDK 客户端库 JavaScript 是开源的，具有一组可自定义的组件，您可以根据需要覆盖这些组件。默认实现允许您构建完整的统一通信应用程序，例如我们演示 MeetingV2 应用程序。的 Amazon Chime SDK 客户端库 JavaScript 依赖于另外两个库：

  • Browser-Detect 用于识别浏览器类型和功能。

  • ProtoBufJs 对加入媒体会话所需的信号命令和响应进行编码和解码。

Amazon Chime SDK 还依赖浏览器或 Electron 应用程序为音频视频会话提供设备APIs管理和网络RTC实现。

Amazon Chime 的源SDK客户端库 JavaScript 已在 TypeScript，但您可以使用 TypeScript 编译器将其编译为。 JavaScript然后，您可以使用诸如 Webpack 等模块捆绑器将其捆绑。作为最佳实践，请 JavaScript 从NPM注册表中安装 Amazon Chime SDK 客户端库，然后在 CommonJS 环境中使用它。 AWS 还提供了一个汇总脚本，用于将 Amazon SDK Chime 捆绑到缩小的 JS 文件中，以备您想将其作为脚本标签直接包含在您的文件中。HTML