实现websocket长链接

来吧小哒

已于 2023-03-07 14:38:03 修改

阅读量367

点赞数

CC 4.0 BY-SA版权

分类专栏： websocket 文章标签： node.js js websocket

于 2023-03-07 14:36:56 首次发布

本文链接：https://blog.youkuaiyun.com/monkey_xiaoda/article/details/129380566

websocket 专栏收录该内容

1 篇文章

订阅专栏

1、nodejs代码

var ws = require("nodejs-websocket");
var PORT = 3001;

ws.createServer(function (req) {
    console.log("New connection", req);
    req.on("text", function (str) {
        console.log("Received " + str);
        // 返回消息
        req.sendText(str.toUpperCase() + "!!!");
    });
    req.on("close", function (code, reason) {
        // 关闭链接
        console.log("Connection closed");
    });
    req.on("error", function (err) {
        // 报错进这里
        console.log("handle err");
        console.log(err);
    });
})
.listen(PORT);

2、js代码

// 建立链接管道
const websocket = new WebSocket("ws://127.0.0.1:3001");
// 当WebSocket创建成功时，触发onopen事件
websocket.onopen = function () {
    console.log('websocket open');
    document.getElementById("recv").innerText = "Connected";
}
// 主动断开连接
websocket.onclose = function () {
    // 当客户端收到服务端发送的关闭连接请求时，触发onclose事件
    console.log('websocket close');
}
// 当客户端收到服务端发来的消息时，触发onmessage事件，参数e.data包含server传递过来的数据
websocket.onmessage = function (ev) {
    console.log(ev.data);
    document.getElementById("recv").innerHTML = ev.data;
}
//如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
 websocket.onerror = function(e){         
     console.log("websocket发生错误"+error);
}
document.getElementById("sendBtn").onclick = function () {
    let txt = document.getElementById("sendTxt").value;
    console.log(txt);
    //将消息发送到服务端
    websocket.send(txt);
}