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

最新推荐文章于 2025-05-21 05:49:46 发布

原创最新推荐文章于 2025-05-21 05:49:46 发布 · 5.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

本文介绍如何为微信小程序设置Nginx服务器以支持HTTPS连接，包括配置文件示例及小程序端代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

使用教程

nginx版本

$ nginx -v
nginx version: nginx/1.12.2

系统Centos7

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

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

server {
    listen   80;
    server_name test.dounine.com;
    return     301 https://$host$request_uri;
}

server {
    listen 443;
    server_name test.dounine.com;
    ssl on;
    ssl_certificate /etc/nginx/ssls/test.xxxx.pem;
    ssl_certificate_key /etc/nginx/ssls/test.xxxx.key;

    location / {
        client_max_body_size    100m;
        proxy_pass http://localhost:7777;
        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 Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }

}

微信小程序代码

wx.connectSocket({
  url: 'wss://test.dounine.com/ws'
});
wx.onSocketOpen(function(res) {
  console.info('websocket连接成功');
});
wx.onSocketClose(function(res) {
  console.log('WebSocket 已关闭！')
});
wx.onSocketError(function(res){
  console.log('WebSocket连接打开失败，请检查！')
});
wx.onSocketMessage(function(res) {
  console.log('收到服务器内容：' + res.data)
})