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. DOM中常见的元素获取方式

    1.getElementById获取元素    返回的是一个元素对象 var  timer = document.getElementById('time'); console.dir   打印返回元 ...

  2. codeforces750E New Year and Old Subsequence 矩阵dp + 线段树

    题目传送门 思路: 先看一个大牛的题解 题解里面对矩阵的构造已经写的很清楚了,其实就是因为在每个字符串都有固定的很多中状态,刚好可以用矩阵来表达,所以$(i,j)$这种状态可以通过两个相邻的矩阵的$m ...

  3. fork执行一个进程

    https://coolr321.github.io/2018/10/30/%E4%B8%80%E4%B8%AAfork-%E8%B0%83%E7%94%A8%E7%9A%84%E4%BE%8B%E5 ...

  4. 在GitHub上编辑README.md排版样式

    如何在github的readme.md编辑出好看的样式排版文章呢...? 参考:https://blog.csdn.net/u012067966/article/details/50736647

  5. leetcood学习笔记-88-合并两个有序数组

    题目描述: 第一次提交: class Solution: def merge(self, nums1: List[int], m: int, nums2: List[int], n: int) -&g ...

  6. wordpress翻译插件gtranslate

    https://www.gdstautoparts.com/

  7. IDEA 注解开发流程

    IDEA 注解开发流程  分为以下四步  分别是 1 导入依赖 2 配置文件 applicationContext.xml 3 在需要创建对象的类上添加注解 4  测试 详细步骤和代码如下 1 导入依 ...

  8. thinkphp 应用模式

    应用模式提供了对核心框架进行改造的机会,可以让你的应用适应更多的环境和不同的要求. 每个应用模式有自己的模式定义文件,用于配置当前模式需要加载的核心文件和配置文件,以及别名定义.行为扩展定义等等.根据 ...

  9. 同构图+思维构造——牛客多校第六场E

    考的其实是同构图的性质: 1.同构图的顶点数,边数相等 2.同构图通过点的映射后邻接矩阵相同 这篇博客讲的很好https://www.jianshu.com/p/c33b5d1b4cd9 本题还需要一 ...

  10. 基于bootstrap的时间选择插件daterangepicker以及汉化方法

    双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件: 可以设定多个时间段选项:也可以自定义时间段:由用户自己选择起始时间和终止时间:时间段的最大跨度可以 ...