Nginx配置WebSocket

标签： 无 分类： 未分类 创建时间：2022-12-11 02:30:28 更新时间：2025-01-17 10:39:22

1.前言

参考文章:
1.Nginx担当WebSockets代理
2.配置 Nginx 反向代理 WebSocket
3.Spring+Tomcat+WebSocket教程 附源码
4.Nginx代理webSocket时60s自动断开, 怎么保持长连接
5.WebSocket频繁收到客户端断开、重连消息，nginx配置自动断开问题

1.设置变量

新增一个 $http_upgrade 变量

1
2
3
4
5
6
http {
    map $http_upgrade $connection_upgrade {
        default upgrade;
        ''      close;
    }
}

2.添加转发

在location或者server或者http位置，添加：

1
2
3
4
5
6
7
location / {
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";

        ## 保持长时间连接
        proxy_read_timeout 600s;
}
参考文章：
1.WebSocket proxying 这是nginx官方的配置说明

3.示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
http {
    map $http_upgrade $connection_upgrade {
        default upgrade;
        ''      close;
    }

    server {
        ...

        location /chat/ {
            proxy_pass http://backend;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_upgrade;

            ## 保持长时间连接
            proxy_connect_timeout 600s;
            proxy_read_timeout 600s;
        }
    }
}

4.测试

在浏览器的控制台输入new WebSocket(地址)，查看 readyState:1 表示连接成功，readyState:3表示连接不成功。

1
let ws1 = new WebSocket('w://xxx.xxx.xxx.xxx');

但是实际上的话，如果是通不了，浏览器就会直接报错了。

参考文章:
1.如何判断WebSocket是否连接成功 这个有图有真相

5.增加ssl证书

参考文章:
1.Nginx配置没有www，指向www。80端口指向443端口，http指向https
2. nginx配置两个443端口访问，并使80端口指向443，http跳转https 配置了两个443端口，根据不同的域名进行区分。
3.nginx websocket wss 连接失败 failed_Nginx 配置WSS 解析与实战 SSL 是基础, 在 SSL 上运行 WebSocket 协议就是 WSS; 在 SSL 上运行 HTTP 协议就是 HTTPS。单向认证 SSL 协议的具体过程\双向认证 SSL 协议的具体过程。 给了原理，还给了一个使用springboot发布的wss服务的示例。

6.问题

参考文章:
1.ginx 反向代理后 WebSocket 会无法连接的问题
2.在Nginx搭建配置Https与WSS环境
3.关于Nginx proxy_connect_timeout 的问题
4.WebSocket的原理,及如何测试websocket是否连接成功
5.Nginx如何配置Http、Https、WS、WSS？
**本文已结束，感谢您的观看**
鼓励一下

往期推荐

文章目录
  1. 1. 1.前言
  2. 2. 1.设置变量
  3. 3. 2.添加转发
  4. 4. 3.示例
  5. 5. 4.测试
  6. 6. 5.增加ssl证书
  7. 7. 6.问题
小额赞助
本人提供免费与付费咨询服务，感谢您的支持！赞助请发邮件通知，方便公布您的善意！
**光 3.01 元
Sun 3.00 元
bibichuan 3.00 元
捐赠者名单 合计：9.01 元
微信公众号
广告位
诚心邀请广大金主爸爸洽谈合作
每日一省
isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

2021-04-07 链接地址
每日二省
为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

2021-04-07 链接地址
每日三省
== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

2021-04-07 链接地址
每日英语
Happiness is time precipitation, smile is the lonely sad.
幸福是年华的沉淀，微笑是寂寞的悲伤。
2016 ——— 美文