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

时间：2020-06-07 21:11:09 阅读：86 评论：0 收藏：0 [点我收藏+]

标签：value list code pac res open 结果自己的 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);