Node.js笔记-使用nodejs-websocket构建WebSocket服务

Posted 2021-12-09 IT1995

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Node.js笔记-使用nodejs-websocket构建WebSocket服务相关的知识，希望对你有一定的参考价值。

首先安装nodejs-websocket

npm install nodejs-websocket

构造如下程序：

wsServer.js

var ws = require("nodejs-websocket")

var PORT = 3000

var server = ws.createServer(function (conn) {

    console.log("New connection")
    conn.on("text", function (str) {

        console.log("Received "+str)
        conn.sendText(str.toUpperCase()+"!!!")
    })
    conn.on("close", function (code, reason) {

        console.log("Connection closed")
    })

    conn.on("error", function(err){

        console.log("handle err");
        console.log(err);
    })

}).listen(PORT)

前端代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebSocket</title>
</head>
<body>
    <h1>Echo Test</h1>
    <input id="sendTxt" type="text" />
    <button id="sendBtn">发送</button>
    <div id="recv"></div>
    <script type="text/javascript">
        let websocket = new WebSocket("ws://127.0.0.1:3000");
        websocket.onopen = function () {

            console.log('websocket open');
            document.getElementById("recv").innerText = "Connected";
        }

        websocket.onclose = function () {

            console.log('websocket close');
        }

        websocket.onmessage = function (ev) {

            console.log(ev.data);
            document.getElementById("recv").innerHTML = ev.data;
        }

        document.getElementById("sendBtn").onclick = function () {

            let txt = document.getElementById("sendTxt").value;
            console.log(txt);
            websocket.send(txt);
        }

    </script>
</body>
</html>

运行截图：

以上是关于Node.js笔记-使用nodejs-websocket构建WebSocket服务的主要内容，如果未能解决你的问题，请参考以下文章