端口 80 上的 Nginx HTTP 和 2 个 TCP

Question

我正在做一些事情，我有两个 websocket，一个用于客户端，一个用于服务器，正在与端口 3000 的 HTTP 节点服务器一起使用，我在这里做错了吗？或者这不可能？

nginx 配置：

server {
    listen 80;
    server_name example.com;
    location / {
        proxy_pass http://localhost:3000/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
    location /ws/ {
        proxy_pass http://localhost:8000/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

}

api.js

import openSocket from 'socket.io-client';
const  socket = openSocket('ws://example.com/ws');

function roomSubscribe(roomId, cb) {
    socket.on('roomInfo', data => cb(null, data));
    socket.emit('getRoom', {'roomId': roomId});
}

function sendMessage(content) {
    socket.emit('sendMessage', content);
}

export { roomSubscribe, sendMessage };

Answer 1

我认为你应该做一些修改： 删除location中的升级设置/

请注意，您请求的路径是 /ws，但 nginx.conf 中的位置正则表达式是 /ws/。保持不变。

使用它来获取套接字：

socket = openSocket("ws://example.com/ws/", {transports: ['websocket']})

添加此代码，查看ws连接是否建立。

socket.on('connect', function () {
  console.log('connected!');
});