nodejs-webSocket初次使用（页面链接和创建自己的服务）

Posted 2020-12-08 dzw159

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了nodejs-webSocket初次使用（页面链接和创建自己的服务）相关的知识，希望对你有一定的参考价值。

总共两个文件（一个html和一个js）：

页面代码（webSocket.html）：

<html>
    <head>
        <title>WebSocketTest</title>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <style>
            #content{
                width:50em;
                height:6em;
                overflow: hidden;
                overflow-y:scroll;
                color: red;
                border:2px solid #dedede;
            }
        </style>
    </head>
    <body>
        <input type="text" id=\'message\' />
        <input type="button" id=\'btn\' value="Send" />
        <div id=\'content\'></div>
    </body>
    <script>
        //创建服务
        var socket = new WebSocket("ws://localhost:9001/");
        socket.addEventListener(\'open\',function(){
            $(\'#content\').html(\'服务连接成功。\');
        });

        $(\'#btn\').click(function(){
            var content = $(\'#message\').val();
            socket.send(content);
        });

        socket.addEventListener(\'message\',function(e){
            console.log(e);
            $(\'#content\').html(e.data);
        });


    </script>
</html>

服务（webSockerServer.js）：

var ws = require("nodejs-websocket");
var server = ws.createServer(function(conn){
    console.log("新链接");
    conn.on("text",function(str){
        console.log("接收到：" + str);
        conn.sendText(str + "（socket返回的数据：）");
    });
    conn.on("close",function(code,reson){
        console.log("链接关闭！");
    });
}).listen(9001);