如何为 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 的示例,或者是否必须使用它?

解决方法

由于 Chime SDK 在打字稿中,您可以使用打字稿编译器将其编译为 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

它将在 build 文件夹中生成一个 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

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...