微信小程序使用WebSocket的坑

10 篇文章 0 订阅
7 篇文章 0 订阅

微信小程序使用WebSocket的坑

  • http 与 https 协议
    使用http协议,websocket的url,应该是ws开头,如:ws://abc.cn/websocket/infos
    使用https协议,websocket的url,应该是wss开头,如: wss://abc.cn/websocket/infos

  • nginx使用https反向代理tomcat
    nginx的443端口反向代理tomcat,需要在conf文件的header上面增加以下参数

	proxy_http_version 1.1; 
	proxy_set_header Upgrade $http_upgrade;
	proxy_set_header Connection "upgrade";

顺便贴一下,微信小程序项目的完整的https协议的nginx反向代理配置

server {
   	listen 443 ssl;
    server_name abc.xxx.cn;
    ssl on;
    ssl_certificate   cert/ssl/abc.xxx.cn.pem;
    ssl_certificate_key  cert/ssl/abc.xxx.cn.key;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
	
	proxy_http_version 1.1; 
	proxy_set_header Upgrade $http_upgrade;
	proxy_set_header Connection "upgrade";
	
	proxy_set_header Host $host;
	proxy_set_header X-Real-IP $remote_addr;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	proxy_set_header X-Forwarded-Proto $scheme;

	
	 # 微信小程序推送配置校验文件路径
	location /123.txt {
		proxy_pass https://127.0.0.1:8443/static/123.txt;
	}
	
	location /{
		include uwsgi_params;
		proxy_pass https://127.0.0.1:8443;
    }

}
  • 在开发工具调试websocket没有问题,使用真机测试一直pending的问题
    查了半天,才发现原来我的websocket路径,被shiro拦截了,在开发工具有会话session所以没有问题,但是真机调试没有会话session所以一直被拦截无法连接。在shiro配置上面取消对websocket拦截即可。【Ps:暂时还没研究到如何在小程序的websocket带token】

参考链接

【请求头出现Provisional headers are shown】

【webSocket连不上后端,webSocket被因为没有token拦截了】

【websocket里面添加Token】

【微信小程序WebSocket相关问题说明】

  • 5
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值