2022-06-20 11:25:53 +08:00
|
|
|
|
# Agora Miniapp Tutorial
|
2022-06-06 11:51:36 +08:00
|
|
|
|
|
|
|
|
|
*Read this in other languages [English](README.md)*
|
|
|
|
|
|
|
|
|
|
## 简介
|
|
|
|
|
|
2022-06-20 11:25:53 +08:00
|
|
|
|
本 Demo 基于 Agora Miniapp SDK 开发,能帮助开发者在微信小程序中实现视频通话及互动直播等功能。
|
2022-06-06 11:51:36 +08:00
|
|
|
|
|
|
|
|
|
本页演示如下内容:
|
|
|
|
|
|
|
|
|
|
* 集成 Agora Miniapp SDK
|
|
|
|
|
* 加入频道
|
|
|
|
|
* 推流
|
|
|
|
|
* 订阅远端流
|
|
|
|
|
* 离开频道
|
|
|
|
|
|
|
|
|
|
## 准备开发环境
|
|
|
|
|
|
|
|
|
|
1. 请确保本地已安装微信开发者工具
|
2022-06-20 11:25:53 +08:00
|
|
|
|
2. 请确保有一个支持 **live-pusher** 和 **live-player** 组件的微信公众平台账号。只有特定行业的认证企业账号才可使用这两个组件。详情请[点击这里](https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html)
|
2022-06-06 11:51:36 +08:00
|
|
|
|
3. 请确保在微信公众平台账号的开发设置中,给予以下域名请求权限:
|
|
|
|
|
|
|
|
|
|
* https://miniapp.agoraio.cn
|
|
|
|
|
* https://uni-webcollector.agora.io
|
|
|
|
|
* wss://miniapp.agoraio.cn
|
|
|
|
|
|
|
|
|
|
4. 若使用的是1.1.2 BETA后的版本,则需要额外添加以下域名
|
|
|
|
|
* https://miniapp-1.agoraio.cn
|
|
|
|
|
* https://miniapp-2.agoraio.cn
|
|
|
|
|
* https://miniapp-3.agoraio.cn
|
|
|
|
|
* https://miniapp-4.agoraio.cn
|
|
|
|
|
|
|
|
|
|
## 运行示例程序
|
2022-06-20 11:25:53 +08:00
|
|
|
|
|
|
|
|
|
1. 在 [Agora.io](http://dashboard.agora.io/signin/) 注册账号,并创建自己的测试项目,获取 App ID。如需获取 Token 或 Channel Key,请启用 App Certificate
|
2022-06-06 11:51:36 +08:00
|
|
|
|
2. 下载本页示例程序
|
2022-06-20 11:25:53 +08:00
|
|
|
|
3. 打开 *utils* 文件夹,在 *config.js* 文件中填入获取到的 App ID 和 TOKEN:
|
2022-06-06 11:51:36 +08:00
|
|
|
|
|
|
|
|
|
const APPID = 'abcdefg'
|
2022-06-20 11:25:53 +08:00
|
|
|
|
const TOKEN = 'some token'
|
|
|
|
|
4. *lib* 文件夹中包含 mini-app-sdk-production.js 和 finclip-agora-client-sdk.js,分别对应在微信平台和 FinClip 小程序平台,在不同平台运行需要在 *meeting.js* 引入对应的 SDK
|
|
|
|
|
5. 启动开发者工具并导入该示例程序
|
|
|
|
|
6. 输入频道名,加入频道。邀请你的朋友加入同一个频道,就可以开始视频互通了。
|
2022-06-06 11:51:36 +08:00
|
|
|
|
|
|
|
|
|
**声网的 Native SDK 可以直接与小程序互通。**
|
|
|
|
|
|
|
|
|
|
## 关于 Token/Dynamic Key
|
|
|
|
|
|
|
|
|
|
如果启用了 App Certificate,还需要在服务端生成 Token 或 Dynamic Key 用于鉴权。将生成的 Token 或 Dynamic Key 填入如下方法中:
|
|
|
|
|
|
|
|
|
|
//...
|
|
|
|
|
client.join(<your key/access token here>, channel, uid, () => {
|
|
|
|
|
//...
|
2022-06-20 11:25:53 +08:00
|
|
|
|
|
2022-06-06 11:51:36 +08:00
|
|
|
|
关于如何生成 Token 或 Dynamic Key 详见 [Token](https://docs.agora.io/cn/2.2/product/Video/Agora%20Basics/key_native?platform=Android) 或 [Dynamic Key](https://docs.agora.io/cn/2.2/product/Video/Agora%20Basics/key_web?platform=Web)。
|
|
|
|
|
|
|
|
|
|
## 反馈
|
|
|
|
|
|
|
|
|
|
如果你有任何问题或建议,可以通过 [issue](https://github.com/AgoraIO/Agora-Miniapp-Tutorial/issues) 的形式反馈。
|
|
|
|
|
|
|
|
|
|
## 相关资源
|
|
|
|
|
|
|
|
|
|
- 你可以先参阅 [常见问题](https://docs.agora.io/cn/faq)
|
|
|
|
|
- 如果你想了解更多官方示例,可以参考 [官方 SDK 示例](https://github.com/AgoraIO)
|
|
|
|
|
- 如果你想了解声网 SDK 在复杂场景下的应用,可以参考 [官方场景案例](https://github.com/AgoraIO-usecase)
|
|
|
|
|
- 如果你想了解声网的一些社区开发者维护的项目,可以查看 [社区](https://github.com/AgoraIO-Community)
|
|
|
|
|
- 若遇到问题需要开发者帮助,你可以到 [开发者社区](https://rtcdeveloper.com/) 提问
|
2022-06-20 11:25:53 +08:00
|
|
|
|
- 如果需要售后技术支持, 你可以在 [Agora Dashboard](https://dashboard.agora.io) 提交工单
|
2022-06-06 11:51:36 +08:00
|
|
|
|
|
|
|
|
|
## 代码许可
|
|
|
|
|
|
|
|
|
|
示例项目遵守 MIT 许可证。
|