[系统运维]宝塔Nginx搭建多个WSS协议

websocket配置wss协议，步骤如下：

一、宝塔点击：网站->设置->配置文档，在配置文件中 server上部添加以下代码

map $http_upgrade $connection_upgrade {  
  default upgrade;  
  ''      close;
}
upstream wss1 {    
  server 0.0.0.0:12300;
}
upstream wss2 {    
  server 0.0.0.0:12500;
}

注意：
1、如果有多个网站设置，记得wss1等的名称、端口不能一样
2、其中 wss1、wss2、端口 可自行设置
3、端口记得在 云服务 和 宝塔的安全 里放行

二、在 server内容中添加代理指向

location /wss1 { 
      proxy_pass http://wss1;
      # proxy_pass http://www.baidu.com:12300
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "Upgrade";
}
location /wss2 { 
      proxy_pass http://wss2;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "Upgrade";
}

点击下方 保存 按钮
代理路径中的 wss1跟 wss2 必须跟步骤一中的名称一致，也可以直接写域名（如：proxy_pass http://www.baidu.com:12300）

三、使用：F12后点击控制台

<script>
        ws = new WebSocket("wss://服务器IP或域名/wss1");
        ws.onopen = function (event) {
            console.log('success');
            console.log('测试一下：welcome');
        };

        ws.onmessage = function (event) {
            console.log('收到服务端的消息：' + event.data);
        }
</script>