agoraio / agora-miniapp-tutorial Goto Github PK

View Code? Open in Web Editor NEW

103.0 56.0 44.0 304 KB

Hello world for Agora SDK running in https://en.wikipedia.org/wiki/WeChat#WeChat_Mini_Program

JavaScript 100.00%

agora rtc video audio weixin wechat wechat-mini-program hello-world

agora-miniapp-tutorial's Introduction

Agora Miniapp Tutorial

其他语言版本：简体中文

Introduction

Built upon the Agora Miniapp SDK, the Agora Miniapp Sample App is an open-source demo that integrates video chat and live broadcast into your Wechat Mini Application.

With this sample app, you can:

Integrate the Agora Miniapp SDK
Join a channel
Push your local stream to the channel
Subscribe to remote streams in the same channel
Leave a channel

Preparing the Developer Environment

Ensure that you have installed the WeChat Developer Tool.
Ensure that you have a wechat OpenPlatform account that supports live-pusher and live-player. Only certified corporate accounts in certain industry have access to these two components. For details, click here .
Ensure that you have granted access to the following domains in your OpenPlatform account:

https://miniapp.agoraio.cn
wss://miniapp.agoraio.cn

Running the App

Create a developer account at Agora.io, create a new project and obtain an App ID, and enable the App Certificate.
Download this project.
Fill in the App ID in config.js in the utils folder of this project:
```
 const APPID = 'abcdefg'
```
Contact [email protected] to abtain the Agora Miniapp SDK, and rename the SDK to "agora-miniapp-sdk.js".
Save the "agora-miniapp-sdk.js" under the lib folder of this project.
Start the WeChat Developer Tool and import this project.
Enter a channel name and join a channel. Invite your friend to join in the same channel and you will be able to see each other.

About the Token/Dynamic Key

If you have enabled the App Certificate, you will need to generate the Token/Dynamic Key at the server for authentication purposes. Use it in the following method:

	//...
	client.join(<your key/access token here>, channel, uid, () => {
	//...

See Token or Dynamic Key for generating the Token or Key at the server.

Feedback

If you have any problems or suggestions regarding the sample projects, feel free to file an issue.

Related resources

Check our FAQ to see if your issue has been recorded.
Dive into Agora SDK Samples to see more tutorials
Take a look at Agora Use Case for more complicated real use case
Repositories managed by developer communities can be found at Agora Community
If you encounter problems during integration, feel free to ask questions in Stack Overflow

License

The sample projects are under the MIT license.

agora-miniapp-tutorial's People

Contributors

Stargazers

Watchers

agora-miniapp-tutorial's Issues

rtm 小程序 SDK v1.1.0 报错，官方 demo 也无法编译运行

rtm SDK 小程序报错：
[ appservice 生成错误] lib/rtm-miniapp.js: file: lib/rtm-miniapp.js
lib/rtm-miniapp.js: Unexpected token, expected ( (22:134826)

sdk 为官网下载: agora-rtm-miniapp-1.1.0.js

v2.4.0，当改变布局的时候在安卓端发起的视频在其他player端显示黑屏

当我点击视频切换视图时（大屏变小屏，小屏变大屏），这个时候在其他player看到pusher端的画面就是黑屏，布局使用的是layout.js的这个文件来计算的

小程序SDK是否能提供npm包呢

小程序于APP视频不能互通，语音是通的

双方都进入同一个channel后，语音是通的，但在小程序端视频只能看到一个黑色小窗口，里边显示uid号码，而在app上则只有本地视频，无对方视频。

官网上的新SDK似乎已经不兼容了，Agora Miniapp SDK for WeChat 报客户端初始化失败

小程序初始化报错

sdk版本：v2.4.6

v1.1.3版本客户端初始化失败

在微信上配置了服务器域名

错误信息如下：

Inner error, request timeout

["Sat Nov 10 2018 14:27:27 GMT+0800 (**标准时间) [DEBUG]: ", "From choose server", {
	"data": {
		"reason": "Inner error, request timeout",
		"code": 500
	},
	"statusCode": 200,
	"header": {
		"Server": "nginx/1.4.6 (Ubuntu)",
		"Access-Control-Allow-Origin": "*",
		"Connection": "keep-alive",
		"Content-Type": "application/json; charset=utf-8",
		"Date": "Sat, 10 Nov 2018 06:27:27 GMT",
		"X-Powered-By": "Express",
		"Content-Length": "52",
		"Access-Control-Allow-Headers": "X-Requested-With,content-type",
		"Access-Control-Allow-Methods": "GET, POST, OPTIONS, PUT, PATCH, DELETE",
		"Etag": "W/\"34-lZwxwkNgNxU5H/3GS68MkyBsamQ\""
	},
	"errMsg": "request:ok"
}]

choose server fail

["Sat Nov 10 2018 14:27:27 GMT+0800 (**标准时间) [DEBUG]: ", "Report succcess: ", {
	"uri": 8001,
	"miniappSession": null,
	"miniappJoinChooseServer": {
		"header": {
			"sid": "9F2A3E31C7E8454D8B1FAFD0EF6BA859",
			"cname": "1000",
			"cid": null,
			"lts": 1541831247196,
			"ip": null,
			"uid": 385882,
			"success": false,
			"elapse": 10594,
			"peer": null
		},
		"csurl": "https://miniapp-2.agoraio.cn/appcenter/1-1-1/getWorkerManager/",
		"ec": "{\"code\":901,\"reason\":\"choose server fail\"}",
		"details": "{\"seq\":3}"
	},
	"miniappConnectWebSocket": null,
	"miniappJoin": null,
	"miniappPublish": null,
	"miniappUnpublish": null,
	"miniappSubscribe": null,
	"miniappUnsubscribe": null,
	"miniappLeave": null,
	"miniappServerEvent": null,
	"miniappPusherState": null,
	"miniappPlayerState": null
}]