如何为 Aws Chime 构建“纯”Web 浏览器应用程序客户端？

Question

我正在创建一个会议 Web 应用程序，在服务器端我正在使用 php sdk，一切正常，我能够创建会议和与会者并获取返回的数据以及 ID、加入令牌等。现在我'我坚持使用 aws 演示应用程序客户端，因为它似乎只适用于 React。我尝试通过 cdn(https://cdn.jsdelivr.net/npm/amazon-chime-sdk-js@2.10.0/build/index.min.js) 嵌入 amazon-chime-sdk-js 但没有成功，控制台显示 2 个错误：

Uncaught ReferenceError: exports is not defined at index.js:2

aws_meet.php:20 Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

我猜这是因为浏览器不支持模块，对吧？是否有任何样本不需要 React 或者是否必须使用它？

Answer 1

由于 Chime SDK 在 typescript 中，您可以使用 typescript 编译器将其编译为 Javascript，然后使用 Webpack 等模块捆绑器进行捆绑。

您可以在这里找到更多信息：Web application component architecture section

例子：

git clone https://github.com/aws/amazon-chime-sdk-js.git
cd amazon-chime-sdk-js/demos/singlejs
npm run bundle

它将在构建文件夹中生成一个 amazon-chime-sdk.min.js 和 amazon-chime-sdk.min.js.map。在您的项目中包含这两个文件并嵌入 amazon-chime-sdk.min.js

<script src="path/to/amazon-chime-sdk.min.js"></script>

你可以在这里找到完整的例子：Chime SDK Single JS

感谢@tahiaji 强调断开的链接。