我写的websocket推送例子,每隔5秒服务器向客户端浏览器发送消息(node.js和浏览器)

Posted 与f

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我写的websocket推送例子,每隔5秒服务器向客户端浏览器发送消息(node.js和浏览器)相关的知识,希望对你有一定的参考价值。

node.js服务端

先要安装ws模块的支持

npm install ws

 

服务端(server.js)

var gws;
var WebSocketServer = require(‘ws‘).Server,
    wss = new WebSocketServer({ port: 9000 });
wss.on(‘connection‘, function (ws) {
    gws = ws;
    console.log(‘client connected‘);
    ws.on(‘message‘, function (message) {
        console.log(message);
        setInterval(show,5000);//每隔5秒 服务端向浏览器 推送消息

    });
});

function show()
{
    gws.send(1122);
}

 

shell> node server.js

 

浏览器客户端

<script>
    if (window.WebSocket)
    {
        console.log("支持");
    }else
    {
        console.log("不支持");
    }
    var ws = new WebSocket(ws://localhost:9000);

    ws.onopen = function()

        {  console.log("open");

            ws.send("hello");

        };

    ws.onmessage = function(evt)

    {

        console.log(evt.data)

    };

    ws.onclose = function(evt)

    {

        console.log("WebSocketClosed!");

    };

    ws.onerror = function(evt)

    {

        console.log("WebSocketError!");

    };


</script>

 

以上是关于我写的websocket推送例子,每隔5秒服务器向客户端浏览器发送消息(node.js和浏览器)的主要内容,如果未能解决你的问题,请参考以下文章

关于前后端通过websocket实现消息推送的总结

服务端向客户端推送消息:轮询,长轮询(兼容性好),以及websocket(主流浏览器都支持)

小程序webSocket使用心得

HTML5新技术:SSE挑战WebSocket

websocket入门代码

WebSocket协议