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. 2018年初面试Java（1.5年经验）

    xml文档如何解析 控制反转如何实现 http://www.cnblogs.com/qf123/p/8602972.html struts2和springmvc的区别 http://www.cnblo ...

  2. 浅谈fetch

    在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR),jQuery实现的AJAX,Fetch ,让我们首先来比较一下这三者的使用示例. XMLHttpReq ...

  3. 框架_mybatis2使用注解

    在dao中使用注解: package cn.dao; import cn.mepu.User; import org.apache.ibatis.annotations.Select; import ...

  4. Vue-cli开发笔记二----------接口调用、配置全局变量

    我做的一个项目,本身是没用任何框架,纯手写的前端及数据交互,项目已经完结.最近学Vue,于是借用这个项目,改装成vue项目. (一)接口问题:使用axios的调用方法,proxyTable解决开发环境 ...

  5. Delphi 日期函数列表

    引用单元 :DateUtils CompareDate 比较两个日期时间值日期部分的大小CompareDateTime 比较两个日期时间值的大小CompareTime 比较两个日期时间值时间部分的大小 ...

  6. composer(作曲家)安装php-ml

    刚开始我用的是up5.6版本php命令安装composer 后来使用composer时发现命令行会提示php版本太低 于是我下载了wamp,使用7.1版本的php重新安装了composer,因为php ...

  7. NX二次开发-获得图纸抑制尺寸的表达式UF_DRF_ask_controlling_exp

    #include <uf.h> #include <uf_modl.h> #include <uf_drf.h> #include <uf_obj.h> ...

  8. 牛客多校第八场 C CDMA 线性代数：沃尔什矩阵

    题意: 构造出一个由1和-1组成的$2^k*2^k$的矩阵,使得矩阵任意两列内积为0 题解: 数学知识,沃尔什矩阵.沃尔什矩阵的特性被CDMA(码分多址)采用,使得编码成为无线信号的频段和振幅之外的第 ...

  9. Java-Class-C：org.springframework.http.HttpEntity

    ylbtech-Java-Class-C:org.springframework.http.HttpEntity 1.返回顶部 1.1. import org.springframework.http ...

  10. c++ 11新特性学习1

    static_assert 静态断言,特点是编译期的断言检查 assert 运行时期的断言检查 二者参数用法相同