1.安装需要插件

npm install express

npm install  socket.io

npm install  kafka-node

2.kafkatest.js文件

var express = require('express');

var app = express();

var server = require('http').createServer(app);

var io = require('socket.io')(server);

var kafka = require('kafka-node');

var users = [];

app.use('/', express.static(__dirname + '/')); 

app.get('/send', function (req, res) {

    var msg=req.query.msg;

    var Producer = kafka.Producer,

    client = new kafka.Client('localhost:2181'),

    producer = new Producer(client);

    payloads = [

        { topic: 'test', messages: msg, partition: 0 },

    ];

    producer.on('ready', function(){

        producer.send(payloads, function(err, data){

            console.log(data);

           // socket.emit('server_counter',data);

        });

    });

    producer.on('error', function(err){})

    res.send('输入消息='+msg);

 })

server.listen(8080);

setTimeout(function(){

    var Consumer = kafka.Consumer;

    var Offset = kafka.Offset;

    var topic = 'test';

    var client = new kafka.Client('localhost:2181');//'localhost:2181'

    var topics = [{ topic: topic, partition: 0 }];

    var options = { autoCommit: false };//, fetchMaxWaitMs: 1000, fetchMaxBytes: 1024 * 1024

    var consumer = new Consumer(client, topics, options);

    var offset = new Offset(client);

    consumer.on('message', function (message) {

        console.log(message);

        io.sockets.emit('server_counter',message);

      });

      consumer.on('error', function (err) {

        console.log('error', err);

      });

      consumer.on('offsetOutOfRange', function (topic) {

        topic.maxNum = 2;

        offset.fetch([topic], function (err, offsets) {

          if (err) {

            return console.error(err);

          }

          var min = Math.min.apply(null, offsets[topic.topic][topic.partition]);

          consumer.setOffset(topic.topic, topic.partition, min);

        });

      });

},1000);

3.counter.html

<!DOCTYPE html>

<html>

<head>

    <title>socket</title>

</head>

<body>

<div style="margin: 0 auto;" id='msg'>

</div>

</body>

<script type="text/javascript" src="./node_modules/socket.io-client/dist/socket.io.js"></script>

<script type="text/javascript">

    var socket=io.connect('localhost:8080'),//与服务器进行连接

        send=document.getElementById('sendBtn'),

        leave=document.getElementById('leaveBtn');

    //接收来自服务端的信息事件

    socket.on('server_counter',function(msg){

        var div =document.createElement('div');

        div.innerHTML=JSON.stringify(msg);

       document.getElementById('msg').appendChild(div);

    })

</script>

</html>

3.效果展示

启动 kafkatest.js

打开http://localhost:8080/counter.html

打开http://localhost:8080/send?msg=谢大神你好

kafka-node+socket.io 测试配置的更多相关文章

  1. node socket.io web

    soket.io & web http://socket.io/get-started/chat/ 新建一個文件夾 soketWeb ; 在sokertWeb 文件夾內新建一個 package ...

  2. Node学习笔记（三）：基于socket.io web版你画我猜（二）

    上一篇基础实现的功能是客户端canvas作图,导出dataURL从而实现图片信息推送,下面具体讲下服务端的配置及客户端的配置同步 首先先画一个流程图,讲下大概思路 <canvas id=&quo ...

  3. Socket.io 延伸

    项目正好用到了即时通讯功能,于是研究到了webSocket技术,后来发现了可以在web.[Android].[iOS]上同时使用的解决方案,那就是SocketIO.其实现原理啥的不做介绍了,直接贴上I ...

  4. 微信小游戏下socket.io的使用

    参考: 微信小游戏:socket.io 一 在微信小游戏 中使用socket.io报错 因为项目需求,后端要使用nodejs简单搭建一个服务器,通讯用json格式. 使用Egret提供的socket. ...

  5. node.js+socket.io配置详解

    由于我是在win7的环境下,在这里就以win7系统为例进行讲解了. 首先需要在nodejs官网下载最新版的node.js,下载完毕直接安装即可,安装成功后在cmd命令行中执行node指令,如下结果就说 ...

  6. node.js+socket.io安装

    最近做安卓遇到一个网络包的bug,服务端使用node做的,通讯用socket.io,但是服务端没法调试,没办法,还是自己搭建一个服务器端吧,索性买了阿里云的ecs测试,之前也配置过node+socke ...

  7. 使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  8. （转）使用Node.js+Socket.IO搭建WebSocket实时应用

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  9. 使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程（三）

    这几篇都是我原来首发在 segmentfault 上的地址:https://segmentfault.com/a/1190000005040834 突然想起来我这个博客冷落了好多年了,也该更新一下,呵 ...

随机推荐

  1. 转： Meshlab简介

    本文翻译自Meshlab主页:http://www.meshlab.net/ MeshLab是用于处理和编辑3D三角形网格的开源系统.它提供了一组用于编辑,清理,修复,检查,渲染,纹理和转换网格的工具 ...

  2. 笔记54 Mybatis快速入门（五）

    Mybatis中注解的使用 1.XML方式的CRUD 新增加接口CategoryMapper ,并在接口中声明的方法上,加上注解对比配置文件Category.xml,其实就是把SQL语句从XML挪到了 ...

  3. CAS机制是什么？有什么缺点，会出现什么问题

    CAS是英文单词Compare And Swap的缩写,翻译过来就是比较并替换. CAS机制当中使用了3个基本操作数:内存地址V,旧的预期值A,要修改的新值B. CAS的缺点: 1.CPU开销较大 在 ...

  4. 解决vi显示文件不能全屏的问题

    https://blog.csdn.net/ly890700/article/details/52735092 docker外:   vi ~/.vimrc

  5. python异常整理

    一.操作excel 时异常 1.PermissionError: [Errno 13] Permission denied (1)原因:权限错误:[Errno 13] 权限被拒绝 错误产生的原因是文件 ...

  6. vue中使用axios与axios的请求响应拦截

    VUE中使用Axios axios的安装 npm install axios vue-axios axios在vue的配置与使用 在main.js中引入axios和vue-axios import a ...

  7. NX二次开发-打开part对话框UF_UI_open_part

    这是UFUN帮助的官方例子 /****************************************************************************** Copyri ...

  8. Apache Shiro RememberMe 1.2.4 反序列化漏洞

    拉取镜像 docker pull medicean/vulapps:s_shiro_1 启动环境 docker run -d -p 80:8080 medicean/vulapps:s_shiro_1 ...

  9. [kuangbin带你飞]专题一 简单搜索 - N - Find a way

    正确代码: #include<iostream> #include<queue> #define N 210 #define inf 0xffffff using namesp ...

  10. [kuangbin带你飞]专题一 简单搜索 - K - 迷宫问题

    #include<iostream> #include<cstdio> #include<cstring> #include<algorithm> #i ...