在写的即时通讯需要wss协议访问时无法连接上需要修改nginx的配置。
首先注意事项：
1.开放外网访问端口，如7123，这步骤也跳过（在服务器防火墙开放和服务器运营商那边也要开放）
2.配置ssl证书（这里跳过）
重点配置开始：
修改项目的f（宝塔可以直接写在伪静态那个地方，也可以修改nginx配置），添加如下内容：
 #配置websocket 协议wss
    location /wss {
      proxy_pass 服务器IP(域名):端口;#如你的服务器IP是1.2.3.4，端口是7123，
      #这里设置1.2.3.4:7213，也可以直接用localhost:7123
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "Upgrade";
    }
如果同时需要兼容ws和wss可以这样写：
  #配置websocket 协议wss/ws转发
  location ~* ^/ws {
   proxy_pass 服务器IP(域名):端口;#如你的服务器IP是1.2.3.4，端口是7123，
   proxy_http_version 1.1;
   proxy_set_header Upgrade $http_upgrade;
   proxy_set_header Connection "Upgrade";
  }
重启保存重启一下nginx服务即可（在宝塔无需重启）
配置里面注意的事项：
① /wss 是转发的路径，可以自定义填写，会影响最后websocket的地址填写，如填写abc后socket地址是wss://p/abc；

②proxy_pass的值是服务器ip(域名)可以是公网的IP、localhost、127.0.0.1、域名，协议用http就行了，不需要写https；

③端口是你服务端开放的websocket端口，比如7272、9501等，这里案例用7123，需要允许防火墙访问；

客户端链接方式：
wss://域名/wss
 
比如：wss://p/wss
// 创建websocket   
ws = new WebSocket("wss://p/wss");   
// 当socket连接打开时，输入用户名   
ws.onopen = onopen;   
// 当有消息时根据消息类型显示不同信息   
ws.onmessage = onmessage;   
nginx ssl证书配置ws.onclose = function() {   
console.log("连接关闭，定时重连");   
connect();   
};   
ws.onerror = function(e) {   
console.log("出现错误",e)   
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。