首页 / NGINX / Nginx 服务器配置支持SignalR (WebSocket)

Nginx 服务器配置支持SignalR (WebSocket)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Nginx 服务器配置支持SignalR (WebSocket)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2442字，纯文字阅读大概需要4分钟。

内容图文

今天SignalR部署在测试环境服务器前端出现无法连接，前端报错如下:

failed: Error during WebSocket handshake: Unexpected response code: 200

Failed to start the transport 'WebSockets': null

Nginx 服务器配置支持SignalR (WebSocket) - 文章图片

SignalR地址直接报错404

然后查看服务器端是否有什么问题，服务器端也有报错如下

Microsoft.AspNetCore.SignalR.HubConnectionContext - Failed connection handshake.

Nginx 服务器配置支持SignalR (WebSocket) - 文章图片

看前端报错看像是WebSocket问题，因为SignalR本质还是通过WebSocket来实现通信的，根据错误像是服务器不支持WebSocket，我们是使用的Nginx做代理的时候默认配置不支持WebSocket。需要修改代理设置，需要改代理请求头的设置。

主要修改如下，在location节点下面新增。

Nginx 服务器配置支持SignalR (WebSocket) - 文章图片

文末有完整的nginx配置实例可复制。

proxy_http_version 1.1   

指定使用http版本，因为只有http1.1才支持长连接。

proxy_set_header Upgrade $http_upgrade

将客户端http请求头Upgrade 透传过来

roxy_set_header Connection  “upgrade” 

upgrade意思是告诉服务器使用最高版本协议进行通信。

默认roxy_set_header Connection这里如果不写的话，在htt1.0中Connection  默认是close的，即连接请求完毕后就关闭。

以上归根到底都是基于http头进行设置修改，如果我们自己本身对http头有更多了解，还是有很大帮助的。

按照这个修改，然后重启Nginx。nginx –s reload。

再看前端signal发现连接成功

 

Nginx 服务器配置支持SignalR (WebSocket) - 文章图片

但是这个时候其他webapi接口无法请求了，swagger可以打开但是接口无法请求了报400

这个时候也想到了应该是Nginx问题，毕竟再没有修改Nginx的时候其他接口是可以使用的。当然如果SignalR和api业务服务器本来就是相互独立那么就不会存在这个情况，我的SignalR和业务服务接口都是在一起的。

原因就在于我们刚刚配置了Nginx代理时使用长连接，但是我们webapi其他接口都是短连接的。所以我们要将signal的连接代理和webapi其他接口的代理分开。

最后的设置如下

Nginx 服务器配置支持SignalR (WebSocket) - 文章图片

location 就是Nginx的路由匹配，这样添加后当我们请求url域名后面是SignalR则使用长连接进行代理转发了。location通常我们还回用于静态文件的代理，这样静态文件直接通过nginx就能返回到前端了。不需要请求到后端服务器。

本次完整的nginx配置如下

server{
     listen 80;
     listen 443 ssl;
     #域名
     server_name t-aabb.com;
     #https配置证书和ssl
     ssl_certificate   cert/_.aabb.com.crt;
     ssl_certificate_key  cert/_.aabb.com.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;
     client_max_body_size 100m;
     
     #后端服务代理
     location / {
                proxy_pass http://192.168.0.28:8080;
                proxy_set_header Host $http_host;
               }
              
     #Signal代理
     location /SignalR { 
                       proxy_pass http://192.168.0.28:8080;
                       #启用http长连接支持websocket
                       proxy_http_version 1.1;
                       proxy_set_header Upgrade $http_upgrade;
                       proxy_set_header Connection "upgrade";

      }

   }

 

内容总结

以上是互联网集市为您收集整理的Nginx 服务器配置支持SignalR (WebSocket)全部内容，希望文章能够帮你解决Nginx 服务器配置支持SignalR (WebSocket)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/936252.html

来源：【匿名】