如何利用unli-app框架快速构建EasyRTC_SFU安卓app项目?

时间:2022-07-25
本文章向大家介绍如何利用unli-app框架快速构建EasyRTC_SFU安卓app项目?,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

上篇我们讲了利用unli-app框架快速构建EasyRTC-SFU安卓app项目,本文再跟大家深入聊一下unli-app框架构建EasyRTC_SFU安卓app项目服务端代理的配置。

利用unli-app开发app项目时,前端为了方便发送请求需要配置服务代理。以本机ip来代理服务端的ip,这样发送请求时,就能从服务端获取到相应的数据。

在web开发端例如:vue框架项目需要在vue.config.js文件里做相应配置代码。但是在unli-app框架中没有此文件,我们需要的是在manifest.json做出相应的配置。

Web开发:

Unli-app:

	"h5": {
		"devServer": {
			"port": 8080,
			"disableHostCheck": true,
			"proxy": {
				"/*": {
					"target": "https://sfu.easyrtc.cn/", //请求的目标域名
					"changeOrigin": true,
					"secure": true,
					"pathRewrite": { //使用代理; 告诉他你这个连接要用代理
						"^/admin": "/admin"
					}
				}
			}
		}
		
	}

  配置完成后,页面中只需要带上相应的请求路径就行了。

getCode() {
				uni.request({
					url: '/admin/captcha-id',
					method: 'POST',
					header: {
						'Content-Type': 'application/json;charset=UTF-8',
					},
					success: (res) => {
						this.loginForm.captcha_id = res.data.id;
						this.codeUrl = `https://sfu.easyrtc.cn/admin/captcha/${res.data.id}.png`;
					}
				});
			},

完成效果:

关于EasyRTC视频会议系统

TSINGSEE青犀视频关于视频会议的系统EasyRTC目前有两个版本,MCU版本和SFU版本(MCU与SFU方案的区别是什么),小规模企业用户可选MCU方案,大型会议现场可选SFU方案。