用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 实战教程 查看内容

nginx简单配置同时支持微信小程序https/wss协议

纸飞机 2018-4-11 10:52

微信小程序需要使用https与wss能才进行连接,虽然开发模式下可以使用http与ws,但发布的时候还是需要安全协议,网上的各种配置是超多超复杂的,这里已经对nginx指定版本进行最简单的配置,可用。wechat使用教程nginx ...

微信

小程序

需要使用https与wss能才进行连接,虽然开发模式下可以使用http与ws,但发布的时候还是需要安全协议,网上的各种配置是超多超复杂的,这里已经对nginx指定版本进行最简单的配置,可用。

wechat

使用教程

nginx版本

  1. $ nginx -v
  2. nginx version: nginx/1.12.2

系统Centos7

  1. $ uname -r
  2. 4.14.11-1.el7.elrepo.x86_64

cat /etc/nginx/conf.d/test.conf

  1. server {
  2. listen 80;
  3. server_name test.dounine.com;
  4. return 301 https://$host$request_uri;
  5. }
  6. server {
  7. listen 443;
  8. server_name test.dounine.com;
  9. ssl on;
  10. ssl_certificate /etc/nginx/ssls/test.xxxx.pem;
  11. ssl_certificate_key /etc/nginx/ssls/test.xxxx.key;
  12. location / {
  13. client_max_body_size 100m;
  14. proxy_pass http://localhost:7777;
  15. proxy_set_header Host $host;
  16. proxy_set_header X-Real-IP $remote_addr;
  17. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  18. proxy_set_header Upgrade $http_upgrade;
  19. proxy_set_header Connection "Upgrade";
  20. }
  21. }

微信小程序代码

  1. wx.connectSocket({
  2. url: 'wss://test.dounine.com/ws'
  3. });
  4. wx.onSocketOpen(function(res) {
  5. console.info('websocket连接成功');
  6. });
  7. wx.onSocketClose(function(res) {
  8. console.log('WebSocket 已关闭!')
  9. });
  10. wx.onSocketError(function(res){
  11. console.log('WebSocket连接打开失败,请检查!')
  12. });
  13. wx.onSocketMessage(function(res) {
  14. console.log('收到服务器内容:' + res.data)
  15. })


鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏