node.js基于express使用websocket的方法


Posted in Javascript onNovember 09, 2017

本文实例讲述了node.js基于express使用websocket的方法。分享给大家供大家参考,具体如下:

这个效果我也是翻了好长时间的资料,测试才成功的,反正成功,大家看看吧

首先你需要安装socket.io模块

npm install socket.io --save

然后打开express的app.js将模块引入,在12行左右的

var app = express();

下面添加两行

var server = require('http').Server(app);
var io = require('socket.io')(server);

然后在20多行里面添加

app.use(function(req, res, next){
 res.io = io;
 next();
});

由于本人不喜欢从www里面启动,所以在app.js里面又添加了几行代码,添加到底部的倒数第二行以上

var port = 3000;
app.set('port', port);
server.listen(port);

这就开始监听3000端口了

这样,准备工作已经完成了,然后开始进行示例

用官方的示例代码测试,可以直接写到app.js里面

io.on('connection', function (socket) {
 socket.emit('news', { hello: 'world1' });
 socket.on('my other event', function (data) {
  console.log(data);
 });
});

服务端的准备工作已经完成,在客户端页面首先将socket.js文件引入

<script src='javascripts/socket.io-1.4.5.js'></script>
var socket = io.connect("//localhost:3000");
socket.on('news', function (data) {
  console.log(data);
  alert(data);
  socket.emit('my other event', { my: 'data' });
});

然后打开页面测试一下

如果想只在一个页面里服务端发送信息,可以这么写

router.get('/', function(req, res, next) {
  //只有当前页面可以获得
  res.io.on('connection', function(socket) {
    socket.emit('news', {
      hello: 'world'
    });
    socket.on('my other event', function(data) {
      console.log(data);
    });
  });
  //所有页面都可以获得
  var io = require("../app").io;
  io.emit("news",{hello:"myworld"});
  res.render("pclogin.ejs", {});
});

希望本文所述对大家nodejs程序设计有所帮助。

Javascript 相关文章推荐
JS 分号引起的一段调试问题
Jun 18 Javascript
jquery text,radio,checkbox,select操作实现代码
Jul 09 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
JavaScript 性能提升之路(推荐)
Apr 10 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
jQuery操作元素追加内容示例
Jan 10 jQuery
在vue中对数组值变化的监听与重新响应渲染操作
Jul 17 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 #Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
Nov 09 #Javascript
基于vue配置axios的方法步骤
Nov 09 #Javascript
微信小程序倒计时功能实现代码
Nov 09 #Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 #jQuery
微信小程序获取手机号授权用户登录功能
Nov 09 #Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 #jQuery
You might like
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
php基础教程
2015/08/26 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
BOOM vs RR BO5 第二场 2.14
2021/03/10 DOTA
js 解决“options为空或不是对象”
2008/12/22 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
python如何实现反向迭代
2018/03/20 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
python绘制漏斗图步骤详解
2019/03/04 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
django API 中接口的互相调用实例
2020/04/01 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
基于Python的自媒体小助手---登录页面的实现代码
2020/06/29 Python
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
国贸专业自荐信范文
2014/03/02 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
委托书格式范文
2015/01/28 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server