1 javascript websocket node.js express ws
尝试在 Heroku 上使用 ws 部署我的应用程序。在我的本地机器上一切正常，但在 Heroku 上部署后，我收到响应状态为 200 的握手错误
这是我的服务器代码：
const WebSocketServer = require('ws').Server;
const moment = require('moment');
const app = require('./app');
const wss = new WebSocketServer({ app });
const connections = new Set();
wss.on('connection', (ws) => {
connections.add(ws);
ws.on('message', (message) => {
const time = moment(new Date()).format('HH:mm');
const messageData = {
time,
message,
};
for (const connection of connections) {
connection.send(JSON.stringify(messageData));
}
});
ws.on('close', () => {
connections.delete(ws);
});
});
还有我的客户端代码：
const HOST = location.origin.replace(/^http/, 'ws');
const ws = new WebSocket(HOST);
ws.onmessage = (e) => {
//
};
messageForm.addEventListener('submit', (e) => {
//
ws.send(message);
//
});
该WSServer构造函数不接受一个app选项，让你wss实际上并未听任何东西。如果这个确切的代码确实在本地工作，则很难看出是如何工作的。
由于您尝试连接到与您的页面共享相同路径的 WebSocket，因此 express 应用程序最终会处理 WebSocket 客户端请求并以您的页面 HTML 进行响应。
你的 HTTP 交换最终看起来像这样——首先浏览器加载页面：
GET /page HTTP/1.1
Accept: text/html
…
HTTP/1.1 200 OK
Content-Type: text/html
<html> …
然后页面发出一个new WebSocket(…)，从而产生一个 WebSocket 升级请求：
GET /page HTTP/1.1
Connection: Upgrade
Upgrade: websocket
…
HTTP/1.1 200 OK
Content-Type: text/html
<html> …
您应该明白为什么会失败：这不是 WebSocket 响应。Express 认为该请求是一个常规的 HTTPGET请求，并以您页面的 HTML 进行响应。浏览器的 WebSocket 实现看到不符合 WebSocket 规范的响应并正确地抛出错误。它报告“状态 200”，因为服务器确实以 HTTP 200 状态代码响应——即使这是一个意外。
将 ws 附加Server到 HTTP 服务器的正确方法是：
传入http.Server(不是express 应用程序) tows.Server的server选项
var app = express(),
server = http.createServer(app),
wss = new ws.Server({ server });
server.listen(process.env.PORT);
或者手动将upgrade侦听器附加到您的http.Server并调用wss.handleUpgrade.
| 归档时间： |
|
| 查看次数： |
6427 次 |
| 最近记录： |