下面我们要做的就是把MySQL这边一张表数据的更新实时的推送到客户端，比如MySQL这边表的数据abc变成123了，那使用程序就会把最新的123推送到每一个连接到服务器的客户端。如果服务器的连接的客户端为0，也就是这时候没有客户端连接，那程序也不会执行推送信息的代码以免产生不必要的资源消耗，当有客户端连上的时候又开始推送。demo的代码大家可以到下面的Download按钮去下载。
 
要运行首先我们要安装nodejs要用到的mysql模块：
$ npm install mysql

更多关于mysql模块的使用请访问：https://github.com/felixge/node-mysql

再安装Socket.io模块：

$ npm install socket.io
更多关于socket.io模块的使用请访问：http://socket.io/
 
新建数据库nodejs，表articles（也可以把表建在你现有的的数据库上，修改一下相应的源代码）:
CREATE DATABASE `nodejs`CHARACTER SET utf8 ;

USE `nodejs`;

SHOW DATABASES;

USE `nodejs`;

CREATE TABLE `nodejs`.`articles`(`title` TEXT , `author` TEXT ,`description` TEXT);

进入nodejs-push-MySQL目录运行demo：

$ node server.js
测试效果：
  • 打开浏览器输入http://localhost:8080 (可以多开几个，明显能感觉到实时的推送效果)
  • 使用MySQL工具登录到MySQL数据库，修改数据库nodejs里面articles表的数据
  • 一旦表数据被保存，那些打开的客户端将收到最新的更改
  • client.html源代码：
<html>

    <head>

      <title>使用Nodejs实现实时推送MySQL数据库最新信息到客户端</title>

    <style>

        dd,dt {

            float:left;

            margin:;

            padding:5px;

            clear:both;

            display:block;

            width:%;

            }

            dt {

            background:#ddd;

            }

            time {

            color:gray;

            }

        </style>

    </head>

    <body>

        <time></time>

        <div id="container">Loading ...</div>

    <script src="socket.io/socket.io.js"></script>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script>

        // 创建websocket连接

        var socket = io.connect('http://localhost:8080');

        // 把信息显示到div上

        socket.on('notification', function (data) {

        var articlesList = "<dl>";

        $.each(data.articles,function(index,article){

            articlesList += "<dt>" + article.title + "</dt>\n" +

                         "<dd>" + article.author + "\n" +

                         "<dd>" + article.description + "\n"

                         "</dd>";

        });

        articlesList += "</dl>";

        $('#container').html(articlesList);

        $('time').html('最后更新时间:' + data.time);

      });

    </script>

    </body>

</html>
//建立MySQL连接, 根据自己环境修改相应的数据库信息

var app = require('http').createServer(handler),

  io = require('socket.io').listen(app),

  fs = require('fs'),

  mysql = require('mysql'),

  connectionsArray = [],

  connection = mysql.createConnection({

    host: 'localhost',

    user: 'root',

    password: 'root',

    database: 'nodejs',

    port: 3306

  }),

  POLLING_INTERVAL = 1000,

  pollingTimer;

// 检查数据库连接是否正常

connection.connect(function(err) {

  // 不出现错误信息，那表示数据库连接成功

  console.log(err);

});

//启动HTTP服务，绑定端口8080

app.listen(8080);

// 加载客户端首页

function handler(req, res) {

  fs.readFile(__dirname + '/client.html', function(err, data) {

    if (err) {

      console.log(err);

      res.writeHead(500);

      return res.end('加载客户端首页发生错误...');

    }

    res.writeHead(200);

    res.end(data);

  });

}

/*

 * 这个就是实现主要功能的方法，间隔3秒去查询数据库表，有更新就推送给客户端

 */

var pollingLoop = function() {

  // 查询数据库

  var query = connection.query('SELECT * FROM articles'),

    articles = []; // 用于保存查询结果

  // 查询结果监听

  query

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

      // 查询出错处理

      console.log(err);

      updateSockets(err);

    })

    .on('result', function(user) {

      // 加入查询到的结果到articles数组

      articles.push(user);

    })

    .on('end', function() {

      // 检查是否有客户端连接，有连接就继续查询数据库

      if (connectionsArray.length) {

        pollingTimer = setTimeout(pollingLoop, POLLING_INTERVAL);

        updateSockets({

          articles: articles

        });

      }

    });

};

// 创建一个websocket连接，实时更新数据

io.sockets.on('connection', function(socket) {

  console.log('当前连接客户端数量:' + connectionsArray.length);

  // 有客户端连接的时候才去查询，不然都是浪费资源

  if (!connectionsArray.length) {

    pollingLoop();

  }

  socket.on('disconnect', function() {

    var socketIndex = connectionsArray.indexOf(socket);

    console.log('socket = ' + socketIndex + ' disconnected');

    if (socketIndex >= 0) {

      connectionsArray.splice(socketIndex, 1);

    }

  });

  console.log('有新的客户端连接!');

  connectionsArray.push(socket);

});

var updateSockets = function(data) {

  // 加上最新的更新时间

  data.time = new Date();

  // 推送最新的更新信息到所以连接到服务器的客户端

  connectionsArray.forEach(function(tmpSocket) {

    tmpSocket.volatile.emit('notification', data);

  });

};

demo下载

使用Nodejs实现实时推送MySQL数据库最新信息到客户端的更多相关文章

  1. nodejs实现百度实时推送

    想要加快百度收录,肯定免不了链接提交吧,当然链接提交的方式有很多种,今天来说一下百度的实时推送.. 第一次看到这post请求确实有点萌逼,我自己是做前端的对后台接触确实不多,见到的前端发送post请求 ...

  2. 【原创】node+express+socket搭建一个实时推送应用

    技术背景 Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新. 应用场景: 监控系统:后台硬件热插拔.LED.温度.电压发生变化 即 ...

  3. dwr3+spring实现消息实时推送

    最近项目要实现一个消息推送的功能,主要就是发送站内信或者系统主动推送消息给当前在线的用户.每次的消息内容保存数据库,方便用户下次登录后也能看到.如果当前用户在线,收到站内信就主动弹出提示.一开始想到的 ...

  4. javascript跨域传递消息 / 服务器实时推送总结

    参考文档,下面有转载[非常好的两篇文章]: http://www.cnblogs.com/loveis715/p/4592246.html [跨源的各种方法总结] http://kb.cnblogs. ...

  5. 利用socket.io实现消息实时推送

    最近在写的项目中存在着社交模块,需要实现这样的一个功能:当发生了用户被点赞.评论.关注等操作时,需要由服务器向用户实时地推送一条消息.最终完成的项目地址为:socket-message-push,这里 ...

  6. SignalR实时推送

    SignalR 的实现机制与 .NET WCF 或 Remoting 是相似的,都是使用远程代理来实现.在具体使用上,有两种不同目的的接口:PersistentConnection 和 Hubs,其中 ...

  7. HTML5 WebSocket 实时推送信息测试demo

    测试一下HTML5的websocket功能,实现了客户端→服务器实时推送信息到客户端,包括推送图片: websocket实现MessageInbound类 onTextMessage()/onBina ...

  8. 基于Node.js的实时推送 juggernaut

    基于Node.js的实时推送 juggernaut Juggernaut 基于 Node.js 构建.为浏览器和服务器端提供一个实时的连接,可在客户端和服务器端进行数据的实时推送,适合多角色游戏.聊天 ...

  9. php 实时推送代码

    网站质量不错的网站可以在百度站长平台/数据提交/sitemap栏目下看到实时推送的功能, 目前这个工具是邀请开放, 百度的实时推送的api接口可以实时推送我们新发布的文章, 保证百度在第一时间收录. ...

随机推荐

  1. Android studio 无法启动安卓模拟器

    1.通过Android SDK Manager在extra中,找到并选中了那个Intel x86 Emulator Accelerator (HAXM) 2.手动启动HAXM    去对应的sdk\e ...

  2. uml 类图依赖与关联的区别

    类与类之间由弱到强关系是:    没关系 < 依赖 < 关联 < 聚合 < 组合. 1.依赖(dependency) 可以简单的理解,就是一个类A使用到了另一个类B,而这种使用 ...

  3. 解决无法定位程序输入点SymEnumSymbols于动态链接库dbghelp.dll

    作者:朱金灿 来源:http://blog.csdn.net/clever101 下载一个源码,使用VS2008编译链接无问题,运行时出现一个错误:无法定位程序输入点SymEnumSymbols于动态 ...

  4. 真的懂了：TCP协议中的三次握手和四次挥手（关闭连接时, 当收到对方的FIN报文时, 仅仅表示对方不在发送数据了, 但是还能接收数据, 己方也未必全部数据都发送对方了。相当于一开始还没接上话不要紧，后来接上话以后得让人把话讲完）

    一.TCP报文格式 下面是TCP报文格式图: (1) 序号, Seq(Sequence number), 占32位,用来标识从TCP源端向目的端发送的字节流,发起方发送数据时对此进行标记. (2) 确 ...

  5. python3下的IE自动化模块PAMIE

    PAMIE是Python下面的用于IE的自动化模块,支持python2和python3,python3的下载地址:http://sourceforge.net/projects/pamie/files ...

  6. Qt5官方demo分析集10——Qt Quick Particles Examples - Emitters

    此系列的所有文章都可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873 前段时间去听了Qt在北京的开发人员大会,感觉QML ...

  7. HTML5 课程

    http://www.w3school.com.cn/html5/html_5_geolocation.asp HTML5 教程 HTML5 教程 HTML5 简单介绍 HTML5 视频 HTML5 ...

  8. getResources()方法

    今天做一个Android文件管理器.它使用了很多当地的用途getResources. Drawable currentIcon = null;        ------        current ...

  9. DOS符号转义（转 http://www.robvanderwoude.com/escapechars.php）

    Escape Characters Character to be escaped Escape Sequence Remark % %% May not always be required in ...

  10. [WPF疑难]ErrorTemplate显示与隐藏问题

    原文:[WPF疑难]ErrorTemplate显示与隐藏问题 [WPF疑难]ErrorTemplate显示与隐藏问题                                         周 ...