如何在我的网站上打开 wss: 或 ws: 端口？

Question

我正在使用 Ratchet-lib/socketo.me 作为我的聊天应用程序的 websocket。当我输入 localhost:8080 时，它可以完美运行。

当我在线发布应用程序时，如何将我的 wesbite 设置为 wss://？ pr smthg如何打开端口？

这是连接代码：

$(document).ready(function(){
   update_chat_history_data();
    var conn = new WebSocket('wss://localhost:8080');
conn.onopen = function(e) {
    console.log("Connection established!");
};

我想将 var conn = new WebSocket('wss://localhost:8080'); 更改为 var conn = new WebSocket('wss://mywebsite:port' );

谢谢

Answer 1

如果您在生产环境中使用 nginx，并且默认情况下它具有启用 ssl 的含义 (https)。比你可以对你的棘轮服务器做反向代理。

upstream websocketserver {
    server ratchet:8080;
} 

server {

listen 443 ssl;
#you main domain configuration

location /ws/ {
            proxy_pass http://websocketserver;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto https;
            proxy_read_timeout 86400; # neccessary to avoid websocket timeout disconnect
            proxy_redirect off;
    }

}

您将能够使用棘轮网址，例如：wss://yourdomain.com/ws

这就是它与 nginx 一起工作的方式，但我猜想与 apache 或其他一些 Web 服务器相同。 只做反向代理！