Websocket connection error: returns 101, but does not upgrade

Question

我正在使用 ws 库设置一些 websockets。我正在努力使用握手设置授权。我已经添加了一条到我们服务器的路由以升级到 websocket 连接，如下所示：

    .get(
      '/chat',
    authorisationFunction,
    upgradeConnection,
    ),

websocket 服务器：

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 3030 });

这是upgradeConnection函数，如果授权成功，它将运行：

const upgradeConnection = (request, socket, head) => {
  return wss.handleUpgrade(request, request.socket, head, function done(ws) {
    return wss.emit('connection', ws, request);
  });
}

我还有一个监听消息的功能：

function webSocketsServer() {
  wss.on('connection', (ws, request, client) => {
    ws.on('message', message => {
      ws.send(message);
    });
  });
}

发出连接，我从我的服务器收到此响应：

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: QyVvqadEcI1+ALka6j2pLKBkfNQ=

但是我的客户端立即收到错误消息“WebSocket 连接到‘ws://localhost:3000/chat’失败：无效的帧头”。

但是当我绕过握手并直接连接到我的websocket服务器时，我可以成功发送消息。该错误仅在客户端而不是在后端。我错过了什么？

Answer 1

我不是 100% 确定这是唯一的方法，但可能会有所帮助，所以我 post 它。基于此我会选择使用相同端口进行 http 和 websocket 连接的服务器。你可以这样实现：

const { createServer } = require('http')
const ws = require('ws')
const express = require('express')

const app = express()

const server = createServer(app)

app.get('/', (req, res) => {
  res.send('I am a normal http server response')
})

const wsServer = new ws.Server({
  server,
  path: '/websocket-path',
})

wsServer.on('connection', (connection) => {
  connection.send('I am a websocket response')
})

server.listen(3030, () => {
  console.log(`Server is now running on http://localhost:3030`)
  console.log(`Websocket is now running on ws://localhost:3030/<websocket-path>`)
})

因此您的服务器在端口 3030 上侦听正常的 http 请求。如果它在路径 '/websocket-path' 上收到一个 websocket 连接请求，它将被传递到 ws 连接处理程序，然后你就可以开始了。

Websocket connection error: returns 101, but does not upgrade

Websocket connection error: returns 101, but does not upgrade

javascript

websocket

node.js

ws