上篇我们讲了利用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方案。
EasyRTC一直致力于技术突破,降低音视频传输过程中的时延协助客户完成场景落地。目前,RTC的技术已经被使用到应急消防、警用应急指挥、远程作业等场景当中,未来也将拓宽更多的运用场景。