nodejs+socket.io+zmq 实现实时刷新

来源：互联网发布：android 涂鸦板源码编辑：程序博客网时间：2024/05/21 18:44

公司前后端分离后，后端采用python+zmq 前端采用nodejs 实时刷新调用zmq数据

首先,安装nodejs

npm install socket.io,zmq 模块

中间服务 zmq-pub.js

var zmq = require('D://Nodejs//node_modules//zeromq');var sock = zmq.socket('sub');var ProtoBuf = require("D://Nodejs//node_modules//protobufjs");var app = require('http').createServer(handler),    io = require('D://Nodejs//node_modules//socket.io').listen(app),    fs = require('fs');console.log('Subscriber connected to port 10010');sock.connect('tcp://192.168.50.83:10010');sock.subscribe('');//连接事件io.sockets.on('connection', function (socket) {    console.log('----------------------------111----------------------');    sock.on('message', function(topic, message) {        if(topic.toString('utf-8',0,3)=='tml')        {            // console.log(topic.toString());            var adr=topic.toString('utf-8',topic.indexOf('w'),topic.lastIndexOf('.')).replace('.','_').replace('.','_');            var adress=adr.charAt(0).toUpperCase()+adr.slice(1);            // console.log(adr.charAt(0).toUpperCase(),adress);            try{                var Head = ProtoBuf.loadSync("../scripts//zmq-sub.proto").lookupType(adress);                var head=Head.decode(message);                console.log('received a message related to:', topic.toString(), 'containing message:',head);                // console.log('received a message related to:', topic.toString());                socket.emit('onlinenums', {Head : adress,Result:head});            }catch(e){                // console.log('received a message related to:', topic.toString(), 'containing message:',adr);            }        }    });});function handler (req, res) {    fs.readFile(__dirname + '/index.html',        function (err, data) {            if (err) {                res.writeHead(500);                return res.end('Error loading index.html');            }            res.writeHead(200);            res.end(data);        });}//启动HTTP服务，绑定端口3000app.listen(3000, function(){    console.log('listening on *:3000');});

客户端 index.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>   当前在线数:<span style="color: #ff0000;" id="nums"></span></body><script src="scripts/jquery-3.2.1.min.js" type="text/javascript"></script><script type="text/javascript" src="scripts/socket.io.js"></script><script src="js/toServer.js" type="text/javascript"></script><!--PROTOBUF--><script src="scripts/protobuf/jbase64.js" type="text/javascript"></script><script src="scripts/protobuf/base64.js" type="text/javascript" ></script><script src="scripts/protobuf/long.js" type="text/javascript"></script><script src="scripts/protobuf/LongToDate.js" type="text/javascript"></script><script src="scripts/protobuf/ByteBufferAB.min.js" type="text/javascript"></script><script src="scripts/protobuf/long.min.js" type="text/javascript"></script><script src="scripts/protobuf/protobuf.min.js" type="text/javascript"></script><script type="text/javascript">    // 创建websocket连接    var socket = io.connect('http://127.0.0.1:3000');    // 把信息显示到div上    socket.on('onlinenums', function (data) {        $("#nums").append(data.Head+'<br/>'+data.Result.ver+'<br/><hr/>');    });</script></html>

执行命令 node zmq-pub.js

结果显示图如下:

阅读全文

0 0