websocket:用语服务器端主动向客户端推送消息

本例基于koa框架编写用例：服务器端需要安装相关模块 koa koa-socket co等

服务器端脚本:（需要安装相关模块 koa koa-socket co等）

//服务端

const Koa = require( 'koa' )

const IO = require( 'koa-socket' )

const co = require( 'co' )

const app = new Koa()

const io = new IO({

    namespace:"mysocket",

    ioOptions:{

      path:'/restapi/websocketstock'

    }

})

const TIME = 3000;  //定时向客户端发送消息

let TimerId = null;

io.use( co.wrap( function *( ctx, next ) {

  let start = new Date()

  yield next()

  console.log( `response time: ${ new Date() - start }ms` )

}))

// io.use( ... );

io.on("connection",function(){  //连接成功

    console.log("successfully connect to websocket");

});

//定时向客户端推送消息

function sendToClient(){

    TimerId = setInterval(function(){

        io.broadcast('stockchallenge', {"userNum":parseInt(Math.random()*100)});

    },TIME);

}

//监控客户端发来的消息源

io.on('messageClient', ( ctx, data ) => {

    console.log("来自客户端的消息");

    console.log(data);

})

io.attach( app );

sendToClient();

app.listen( 3004 );

console.log("app is listening at 3004");

　　

客户端脚本:在客户端，websocket需要浏览器支持才能使用，不过有许多js脚本对浏览器做了兼容性封装，本例以socket.io为例，

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<div>users count:   <span id="count"></span></div>

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

<script>

var socket = io.connect( "http://机器名:3004/mysocket",{

    path:"/restapi/websocketstock"

});

socket.on("connect",function(){

    console.log("连接成功");

});

var sessionId;

//监控服务器端的消息 stockchallenge

socket.on("stockchallenge", function (data) {

       console.log("来自服务器端的消息",data);

       document.getElementById("count").innerHTML = data.userNum;

 });

</script>

</body>

</html>

　　

基于node的websocket示例的更多相关文章

  1. 基于Node.js + WebSocket 的简易聊天室

    代码地址如下:http://www.demodashi.com/demo/13282.html Node.js聊天室运行说明 Node.js的本质就是运行在服务端的JavaScript.Node.js ...

  2. Websocket - Websocket原理（握手、解密、加密）、基于Python实现简单示例

    一.Websocket原理(握手.解密.加密) WebSocket协议是基于TCP的一种新的协议.WebSocket最初在HTML5规范中被引用为TCP连接,作为基于TCP的套接字API的占位符.它实 ...

  3. 基于node.js 的 websocket的移动端H5直播开发

    这一篇介绍一下基于node.js 的 websocket的移动端H5直播开发, 下载文章底部的源码,我是用vscode打开, 首先在第一个终端运行 npm run http-server 这个指令是运 ...

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

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

  5. 转:php使用websocket示例详解

    原文来自于:http://www.jb51.net/article/48019.htm 这篇文章主要介绍了php使用websocket示例,需要的朋友可以参考下   下面我画了一个图演示 client ...

  6. 基于Node.js的强大爬虫 能直接发布抓取的文章哦

    基于Node.js的强大爬虫 能直接发布抓取的文章哦 基于Node.js的强大爬虫能直接发布抓取的文章哦!本爬虫源码基于WTFPL协议,感兴趣的小伙伴们可以参考一下 一.环境配置 1)搞一台服务器,什 ...

  7. WebSocket 示例

    websocket应运而生 在WebSocket规范提出之前,开发人员若要实现带有即时通信.实时数据.订阅推送等功能的应用实时性较强的功能,经常会使用的解决方法是 Comet. Comet是一种服务器 ...

  8. 基于node.js人脸识别之人脸对比

    基于node.js人脸识别之人脸对比 Node.js简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境. Node.js 使用了一个事件驱动.非阻塞式 I/O ...

  9. 基于 Node.js 的服务器自动化部署搭建实录

    基于 Node.js 的服务器自动化部署搭建实录 在服务器上安装 Node.js 编写拉取仓库.重启服务器脚本 配置 Github 仓库的 Webhook 设置 配置 Node.js 脚本 其他问题 ...

随机推荐

  1. 第5章 不要让线程成为脱缰的野马（Keeping your Threads on Leash） ---干净的终止一个线程

    干净的终止一个线程  我曾经在第2章产生一个后台线程,用以输出一张屏幕外的 bitmap 图.我们必须解决的一个最复杂的问题就是,如果用户企图结束程序,而这张bitmap 图尚未完成,怎么办?第2章的 ...

  2. 『诡异的』VL10B创建外向交货单出错解决全过程

    一直觉得SAP STO的业务模式配置起来还是挺简单的,无非就是关联一下采购单与交货单的关系,以及相应工厂的装运数据,其他像主数据的设置也没有什么特别的.相比ICS模式,它少了IDOC的配置,所以还是很 ...

  3. FastDFS简介和架构图(内容来自于阅读fastdfs官方文档的总结)

    一.FastDFS简介 1. FastDFS是一个轻量级的开源分布式文件系统 2. FastDFS主要解决了大容量的文件存储和高并发访问的问题,文件存取时实现了负载均衡 3. FastDFS实现了软件 ...

  4. 混合高斯模型（Mixtures of Gaussians）和EM算法

    这篇讨论使用期望最大化算法(Expectation-Maximization)来进行密度估计(density estimation). 与k-means一样,给定的训练样本是,我们将隐含类别标签用表示 ...

  5. NOIP初赛 之 哈夫曼树

    哈夫曼树 种根据我已刷的初赛题中基本每套的倒数第五或第六个不定项选择题就有一个关于哈夫曼树及其各种应用的题,占:0-1.5分:然而我针对这个类型的题也多次不会做,so,今晚好好研究下哈夫曼树: 概念: ...

  6. ionic构建APP--简单操作实现APP制作

    ionic--基于AngularJS的app框架 1安装ionic .HBuilder创建APP项目,导入ionic的css,js(fonts)文件. .导入ionic.css和ionic.bundl ...

  7. Collection和Map的默认扩容参数

    初始大小:调用无参构造函数时默认的容量 加载因子:超过 (当前容量*加载因子) 时会进行扩容 扩容因子:扩容时增加的容量为 (当前容量*扩容因子)        容器         初始容量    ...

  8. 多个 (li) 标签如何获取获取选中的里面的某个特定值??

    两种方式: 1/.根据div中的class属性 指定ul 找到选中的单个li $(".f_dingdan ul li").click(function(){    var a=$( ...

  9. 使用Hexo+Github一步步搭建属于自己的博客（进阶）

    主题的配置:这里以NexT主题作为题材 1.安装NexT,在其文件夹中鼠标右键,点击Git Base Here.输入命令:git clone https://github.com/iissnan/he ...

  10. http服务详解（2）——httpd2.2的配置文件常见设置

    摘要:一个服务的配置文件非常重要,弄懂配置文件是熟练掌握服务的必要前提. 一.httpd-2.2常见文件介绍 (1)配置文件: 主配置文件尽量别改,改自己的子配置文件 /etc/httpd/conf/ ...