注：本博文是作者原创，转载请注明出处。

　　　　在项目中时常会使用到socketio，今天我们就来实现Node+socketio实现群发消息功能，
　　　　项目源码：https://github.com/zhangxy1035/socketio
　　　　注：在该项目中只是实现了功能，并没有对页面进行渲染美化，在接来下会继续更新此代码。
　　　　关于socketio以及node在这里不再赘述，

　　　　关于socketio的参考资料https://github.com/socketio/socket.io，

　　　　node学习网站：https://nodejs.org/en/
　　　　一、项目演示
　　　　当服务器端代码发送数据时，客户端会接收到代码，如下图。

　　　　二、项目构建

　　　　在构建项目之前必须在自己目录中增加socketio模块，如图所示：命令为npm install socketio

　　　　

　　　　app.js

 /**

  * Created by caner on 2016/9/9.

  * socket.io

  */

 var http = require('http');

 var fs = require('fs');

 var server = http.createServer(function(req,res){

     fs.readFile('./index.html',function(error,data){

         res.writeHead(200,{'Content-Type':'text/html'});

         res.end(data,'utf-8');

     })

 }).listen(3000,'127.0.0.1');

 console.log('server connection....');

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

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

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

         socket.broadcast.emit('push message',data);

         console.log(data);

     })

 })

　　　　服务端页面：

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title>服务端页面发送数据</title>

 </head>

 <body>

 <form action="http://127.0.0.1:3000">

     <textarea id="message" cols="30" rows="5"></textarea>

     <input type="button" value="发送" onclick="t_push()">

 </form>

 <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>

 <script>

     var socket = io.connect('http://127.0.0.1:3000');

     var message = document.getElementById('message');

     function t_push(){

         socket.emit('message',{text:message.value});

         document.getElementById('message').value = '';

     }

 </script>

 </body>

 </html>

　　　　客户端页面

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta charset="UTF-8">

     <title>客户端页面</title>

     <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>

 </head>

 <body>

 <textarea type="text" id="message">

 </textarea>

 <input type="button" value="清除" onclick="f_delete()">

 <script>

     var socket = io.connect('http://127.0.0.1:3000');

     socket.on('push message',function(data){

         document.getElementById('message').value=data.text;

     });

     function f_delete(){

         document.getElementById('message').value='';

     }

 </script>

 </body>

 </html>

　　　　三、项目启动

　　　　打开cmd命令窗口，找到自己app.js所在的目录，使用命令，node app.js启动项目。如图所示：

　　　　然后打开自己的网页，服务端的textare填写信息，点击发送，客户端的网页就能获取到。

Node+Socketio实现消息群发功能的更多相关文章

  1. [3] 微信公众号开发 - 结合UEditor实现图文消息群发功能

    0.写在前面的话 如何实现微信平台后台管理中的,图文消息发送功能? 大概的过程如下: 通过类似表单的形式,将文章各部分内容提交到后台,封装成一个实体类,并持久化到数据库中 需要推送的时候,将不同的文章 ...

  2. 微信公众号开发 [03] 结合UEditor实现图文消息群发功能

    0.写在前面的话 如何实现微信平台后台管理中的,图文消息发送功能? 大概的过程如下: 通过类似表单的形式,将文章各部分内容提交到后台,封装成一个实体类,并持久化到数据库中 需要推送的时候,将不同的文章 ...

  3. 4.Node.js 微信消息管理

    一.写在前面的话   当用户发送消息给公众号时(或某些特定的用户操作引发的事件推送时),会产生一个POST请求,开发者可以在响应包(Get)中返回特定XML结构,来对该消息进行响应.   消息推送也是 ...

  4. C#编写一款qq消息群发器

    先上软件成品图 功能编写大概分为以下几个部分了: 获取QQ分组 发送消息 先来讲发送消息吧,实现还是比较简单 //这段主要是用来打开会话窗口的(只能列表中的好友进行会话的) System.Diagno ...

  5. node.js Websocket消息推送---GoEasy

    Goeasy, 它是一款第三方推送服务平台,使用它的API可以轻松搞定实时推送!个人感觉goeasy推送更稳定,推送 速度快,代码简单易懂上手快 浏览器兼容性:GoEasy推送 支持websocket ...

  6. 网络编程（学习整理）---3--（Udp）FeiQ实现广播消息群发

    1.广播群发消息: 这里使用的任然是UDP协议,使用方法还是比较简单的! 我就记录一下需要注意的一些地方(笔记): (1)这里是在局域网内,借用FeiQ聊天软件,编写一段程序,实现对局域网内的每一个登 ...

  7. pyautogui 文档（四）：消息框功能

    消息框功能 PyAutoGUI利用PyMsgBox中的消息框函数提供跨平台的纯Python方式来显示JavaScript样式的消息框.提供了四个消息框功能: alert()函数 >>> ...

  8. C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 即时消息提醒功能改进

    可以给自己的信息管理系统增加一些即时消息提醒功能,简单方便,一般是一行代码就可以发送提醒信息了,方便二次开发,个性化改进. 1:可以用简拼,快速查找内部员工. 2:双击直接可以发QQ消息. 3:双击直 ...

  9. node 各模块及对应功能

    node 各模块及对应功能 node 模块 对应功能 net 处理 TCP dgram 处理 UDP http 处理 HTTP/1 http2 处理 HTTP/2 https 处理 HTTPS tls ...

随机推荐

  1. SharePoint 2013 图文开发系列之定义站点模板

    SharePoint站点模板是一个非常好的功能,方便我们开发一类网站,然后在此基础上做二次开发,对于SharePoint的使用,有着举足轻重的作用. 因为篇幅比较长,所以加上目录,方便大家查看: 一. ...

  2. SharePoint 2013 版本功能对比

    前言:在SharePoint使用中,经常纠结于版本问题,SharePoint 2013主要有免费的Foundation和收费的标准版.企业版三个版本,他们之间的功能上是不一样的,找了一些资料才发现下面 ...

  3. 点（x3,y3）到经过点（x1,y1）和点（x2,y2）的直线的最短距离

    /// <summary> /// 点(x3,y3)到经过点(x1,y1)和点(x2,y2)的直线的最短距离 /// </summary> /// <param name ...

  4. Picasso设置圆角

    package liu.roundimagedemo.view; import android.graphics.Bitmap; import android.graphics.BitmapShade ...

  5. Feathers组件的宽度或高度属性,为什么我得到的值是0

    Feathers组件使用一个失效系统延迟一会儿繁重的重绘,这样你可以在一个时间内改变多个属性.如果你还没有明确地设置宽度和高度,他们会自动 调整自身到一套“理想”的尺度.然而,这并不会发生,直到他们验 ...

  6. php设计模式 原型模式

    原型模式与工程模式作用类似,都是用来创建对象. 与工程模式的实现不同,原型模式是先创建好一个原型对象,然后通过clone原型对象来创建新的对象.这样就免去了类创建时重复的初始化操作. 原型模式适用于大 ...

  7. 记录一次Quartz2D学习(一)

    经常看点 drawRect的重写  但是不知道这究竟是神马 今天开始学习这一块的东西,更确切地说是深入 早在view的时候 就经常会调用layer的maskToBounds属性,其实 重写 drawR ...

  8. Database 'xxxx' is being recovered. Waiting until recovery is finished.

    巡检发现一个SQL SERVER Express 2005数据库备份时出现下面错误: Database 'xxxx' is being recovered. Waiting until recover ...

  9. 功能强大而又简单易学的编程语言Python

    Python是一种面向对象.直译式计算机程序设计语言,也是一种功能强大的通用型语言.首先,Python非常简单,以Hello World为例: Java的Hello World程序一般这么写: pub ...

  10. 初刷LeetCode的感受

    自从上个月进入实验室的云安全项目组后,因为要接触到实际的代码,在实验室博士的建议下我们项目组的硕士开始刷LeetCode练习编程能力,保持每周抽空刷几道算法题.虽然刷的不多,到现在一共只刷了不到30题 ...