宝塔nginx环境如何配置 wss WebSocket 连接

神夜大侠

已于 2022-05-20 21:19:59 修改

阅读量3.9k

点赞数 1

文章标签： websocket nginx 网络协议

于 2022-05-20 20:59:44 首次发布

本文链接：https://blog.csdn.net/u012015434/article/details/124890321

版权

1、需要一个备案域名，在宝塔可申请免费ssl证书，ssl 证书这里有个大坑，为何宝塔申请成功总是访问https失败，我发现关闭防火墙就行了。

2、开放端口，宝塔环境新开放一个端口

nginx 配置

location /wss {
proxy_pass http://127.0.0.1:2022;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
rewrite /wss/(.*) /$1 break;
proxy_redirect off;
}

3、宝塔终端启动：php server.php start -d

4、测试：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Title</title>

</head>

<body>

<script>

    var ws = new WebSocket("wss://www.xxx.com/wss");

    ws.onopen = function() {

        alert("连接成功");

        ws.send('tom');

        alert("给服务端发送一个字符串：tom");

    };

    ws.onmessage = function(e) {

        alert("收到服务端的消息：" + e.data);

    };

</script>

</body>

</html>

神夜大侠

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
宝塔nginx环境如何配置 wss WebSocket 连接

1、需要一个备案域名，在小程序中配置好wss域名2、开放端口，宝塔环境新开放一个端口nginx配置location /wss { proxy_pass http://127.0.0.1:2022; proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwar...
复制链接

扫一扫