其他分享
首页 > 其他分享> > 如何配置unli-app框架构建EasyRTC_SFU安卓app项目服务端代理?

如何配置unli-app框架构建EasyRTC_SFU安卓app项目服务端代理?

作者:互联网

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

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

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

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

Web开发:

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

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`;
					}
				});
			},

完成效果:

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

关于EasyRTC视频会议系统

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

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

EasyRTC一直致力于技术突破,降低音视频传输过程中的时延协助客户完成场景落地。目前,RTC的技术已经被使用到应急消防、警用应急指挥、远程作业等场景当中,未来也将拓宽更多的运用场景。

标签:admin,app,SFU,EasyRTC,unli,id
来源: https://blog.51cto.com/u_15179958/2731738