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

神夜大侠

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

阅读量4.8k

点赞数 1

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

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

版权

本文档介绍了如何在宝塔面板中申请并配置SSL证书，解决访问HTTPS失败的问题，以及如何通过Nginx配置WebSocket服务，并提供了一个测试用例。关键步骤包括关闭防火墙以解决问题，设置Nginx代理传递，以及启动PHP服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>