node 使用 express 框架
先安装 express 和 express-ws
yarn add express express-ws
服务端 server.js
var express = require("express");
var expressWs = require("express-ws");
var app = express();
expressWs(app); //将 express 实例上绑定 websock 的一些方法
app.ws("/socketTest", function (ws, req) {
ws.send("你连接成功了");
ws.on("message", function (msg) {
ws.send("这是第二次发送信息");
});
});
app.listen(3000);
console.log("Listening on port 3000...");
然后运行node命令
node server.js
前端简单测试:写在 html 的 script 标签内
var socket = new WebSocket("ws://localhost:3000/socketTest");
socket.addEventListener("open", function (event) {
console.log("socket is open");
socket.send("这里是html发送过来的");
});
socket.addEventListener("message", function (event) {
console.log("Message from server", event.data);
});
然后在打开的网页里的开发者工具的 network 中可以看到又一个 socketTest 的请求,就是websocket 的连接。