简单尝试 express 使用 websocket

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 的连接。

猜你喜欢

转载自blog.csdn.net/qq_42535651/article/details/108915030