环境:消息推送需要使用长联讯,所以采用websocket
遇见问题:微信开发者工具可以使用websocket,但是使用手机真机调试websocket无响应
解决思路:
一.确保websocket调用api的正确使用顺序
二.服务器环境的搭建以及合法域名的校验
三.开发者后台要配置wss和ip白名单
第一步:确保API的正确调用
uni.connectSocket({ //发起链接
url:'wss://integral.gzyxxy.com:9603', //websocket链接的url地址
success:()=>{ //连接成功后的回调
uni.onSocketOpen((res)=>{ //监听WebSocket连接打开事件。
uni.sendSocketMessage({ //发送给服务器消息。
data:this.ids,
success:(res)=>{ //监听返回消息。
console.log(res)
},
fail: (err) => {
console.log(this.ids)
}
})
uni.onSocketMessage((res)=>{ //接收服务器返回的消息。
this.items.push(res.data)
})
})
}
二.服务器搭建以及合法域名的校验以及wss的配置
1.这里提到的服务器搭建,主要是因为在微信小程序中,websocket支持的一定是wss的通信协议,当然也不是说你用ws不行,但是我感觉测试可以,如果要配置上线的话,还是需要使用wss的!可以在后台管理界面进行配置
---开发---开发设置---服务器域名设置
切记:一个月只有五次的修改机会!慎重哦
修改成功后,可以打开开发工具的详情页面进行查看,来查看是否配置成功
2.合法域名的校验
众所周知,小程序在开发过程中,只要你点击不校验合法域名,就可以不进行跨域处理,但是如果要求上线,一定要进行配置,防止出现跨域问题。然后合法域名也是要求https,需要携带证书!
三.会遇到的问题!
当你配置完所有以后,你会发现在开发环境下,你是可以使用websocket的,但是当你选择真机测试的时候,你会发现你的websocket失效了,你如果打开两个管理控制台,你会发现,开发工具的上面,长联讯的属性type:为websocket,但是真机环境下的长联讯的属性type:为xhr!
当时我以为是我api调用的问题,查阅了好多资料,都没得到解决!最后在微信开发社区里面找到了和我遇见一模一样问题的人!询问以后才得知解决办法!!!说实话,解决方法,让我有点哭笑不得
是不是和我遇到的一样!!!
四.解决办法!!!
直接上线就可以了,线上环境就可以成功了!如果觉得直接上线不好!你可以提交为体验版本即可
综上所述...websocket在真机上和开发工具上的不一致,就能得到解决了