时间戳

首页 > 解决方案 > 如何为 Aws Chime 构建“纯”Web 浏览器应用程序客户端？

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

问题描述

我正在创建一个会议 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 或者是否必须使用它？

标签： javascriptreactjsamazon-web-servicesaws-chime-sdk

解决方案

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

您可以在此处找到有关它的更多信息：Web 应用程序组件架构部分

例子：

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 强调断开的链接。

推荐阅读