Nodejs+Socket.io实现通讯实例代码
更新时间:2017年2月19日 10:00 点击:1918
目录结构
D:. │ package.json │ server.js │ └─public index.html socket.io.js
需要的条件
- socket.io.js 供前端界面初始化io
- socket.io 供NodeJs端提供socket方法
socket.io.js存在于socket.io-client
socket.io存在于socket.io
演示的功能
- 客户端发送消息给服务端
- 后端触发事件告知客户端
- 客户端离开触发服务端事件
服务端
server.js
var express = require('express'); var app = express(); var server = require('http').createServer(app); var io = require('socket.io')(server); app.use('/', express.static(__dirname + '/public')); server.listen(80); //socket部分 io.on('connection', function(socket) { //接收并处理客户端的hi事件 socket.on('hi', function(data) { console.log(data); //触发客户端事件c_hi socket.emit('c_hi','hello too!') }) //断开事件 socket.on('disconnect', function(data) { console.log('断开',data) socket.emit('c_leave','离开'); //socket.broadcast用于向整个网络广播(除自己之外) //socket.broadcast.emit('c_leave','某某人离开了') }) });
- connection用来处理socket链接事件
- disconnect处理连接断开事件
- 后端接受前端事件通过
socket.on(EventName,function(date){})
- 后端触发前端事件通过
socket.emit(EventName,msg)
这个后端演示了,前端发送消息给后端,触发hi事件,hi事件通过回调在触发客户端定义的c_hi事件告知前端。
客户端
index.html
<!DOCTYPE html> <html> <head> <title>socket</title> </head> <body> <button id="sendBtn">发送消息</button> <button id="leaveBtn">离开</button> </body> <script type="text/javascript" src="./socket.io.js"></script> <script type="text/javascript"> var socket=io.connect('localhost:80'),//与服务器进行连接 send=document.getElementById('sendBtn'), leave=document.getElementById('leaveBtn'); send.onclick=function(){ socket.emit('hi', 'hello!'); } leave.onclick=function(){ window.location.href="about:blank" rel="external nofollow" ; window.close() socket.emit('leave', 'leave'); } //接收来自服务端的信息事件c_hi socket.on('c_hi',function(msg){ alert(msg) }) // socket.on('c_leave',function(msg){ // alert(msg) // }) </script> </html>
- 发送消息按钮用来给服务端发送信息,触发服务端定义的hi事件。
- 离开页面按钮用来离开页面,也就是socket会自动断开。触发服务端定义的disconnect。
源码下载:Socket_jb51.rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
上一篇: jQuery中 bind的用法简单介绍
下一篇: Vue.js实现简单动态数据处理
相关文章
- 本文给大家介绍的是nodejs实现使用阿里大鱼短信API发送消息的方法和代码,有需要的小伙伴可以参考下。...2016-01-20
- 这篇文章主要介绍了Nodejs回调加超时限制两种实现方法的相关资料,需要的朋友可以参考下...2017-06-15
- 本篇文章主要介绍了Nodejs中使用captchapng模块实现图片验证码,非常具有实用价值,需要的朋友可以参考下 ...2017-05-22
- 这篇文章主要介绍了Nodejs学习item【入门手上】,需要的朋友可以参考下...2016-05-09
- 本篇文章主要介绍了nodejs 终端打印进度条实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 ...2017-04-27
Nodejs express框架一个工程中同时使用ejs模版和jade模版
这篇文章主要介绍了Nodejs express框架一个工程中同时使用ejs模版和jade模版 的相关资料,需要的朋友可以参考下...2015-12-29- 大家有没有遇到过在开启本地服务时,有这么一种情况:当前端口已经被另一个项目使用了,导致服务开启失败。那么接下来,我们通过简简单单的示例代码来检测端口是否已经被占用。有需要的朋友们可以参考借鉴。...2016-10-02
- 本文给大家一起探讨nodejs下dns的缓存问题,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧...2016-11-22
- 本篇文章主要介绍了详解Windows下安装Nodejs步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 ...2017-05-22
- 这篇文章主要介绍了Nodejs 数组的队列以及forEach的应用详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-25
- 这篇文章主要介绍了NODE.JS如何根据URL返回指定的图片详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-10-21
- 这篇文章主要为大家介绍了NodeJS通过魔术封包唤醒局域网计算机代码实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪...2022-06-11
- 在Node.js中使用jQuery的做法,需要先安装jquery,npm install jquery ,安装后的版本是 3.1.0,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧...2016-08-24
- 本篇文章主要介绍了Nodejs基于mongoose模块的增删改查的操作,Mongoose是MongoDB的一个对象模型工具,封装了MongoDB对文档的的一些增删改查等常用方法,让NodeJS操作Mongodb数据库变得更加灵活简单。 ...2016-12-31
- 这篇文章主要介绍了NodeJS 实现手机短信验证模块阿里大于功能,需要的朋友可以参考下...2017-06-24
- 本文主要介绍了nodejs基础知识。具有很好的参考价值,下面跟着小编一起来看下吧...2017-02-08
- Node.js是一个Javascript运行环境(runtime)。本文给大家介绍Node.js+Express配置入门教程,值得推荐给大家,感兴趣的朋友一起学习吧...2016-05-20
- 这篇文章主要介绍了NodeJs并发异步的回调处理的相关资料,需要的朋友可以参考下...2015-12-24
- 这篇文章给大家介绍了如何利用Node.Js处理post数据,文中通过实例和图文介绍的很详细,有需要的小伙伴们可以参考借鉴,下面来一起看看吧。...2016-10-03
手把手教你把nodejs部署到linux上跑出hello world
本篇文章主要介绍了手把手教你把nodejs部署到linux上跑出hello world,非常具有实用价值,需要的朋友可以参考下...2017-06-24