记录下微信小程使用websokce的Bug

项目场景:

记录下微信小程序webscoket的Bug


问题描述

业务开发完成,因业务涉计到websocket的连接和使用,所以在开发过程中本地测试的时候微信开发者工具开启了不校验请求地址,测试一直没问题!部署到正式服上的时候和打包测试版本的时候socket一直连接不上!


解决方案:

解决方法一:如果在打包测试版本的时候,使用了websocket需要在微信公众开发平台里面开始测试版本的debug模式才能正常连接socket(仅测试版本的socket版本连接不上解决办法)
解决办法二:建议在开发之初,就关闭微信开发者工具校验 (保证线上环境和线下环境一样) 关闭操作如图:
记录下微信小程使用websokce的Bug_第1张图片
同时,微信小程序线上的socket只支持wss://域名地址(需要后端人员通过nigx转向配置),修改如下:
记录下微信小程使用websokce的Bug_第2张图片

然后在微信开发者公众平台配置对应的socket合法域名,配置如下:

记录下微信小程使用websokce的Bug_第3张图片
记录下微信小程使用websokce的Bug_第4张图片

切记:微信小程序线上只支持wss,本地调试使用ws可以。 如果本地使用的ws地址,在打包成体验版本的时候需要在公众平台开启体验版小程序的debug模式socket就可以连接上。(因为websoket可能存在时间间隔,所以尽量将webscoket 的业务抽出来不要与主业务有太大的关联)

你可能感兴趣的:(WX:小程序,微信小程序,websocket,微信公众平台)