真心佩服那些可以经常发布笔记的人,其实我也想经常发来的,奈何技术不够加上懒,要向大神们多多学习了,前段时间有用bomb平台自带的socket写一个聊天室,其实基本就是改了改它的demo,这次想实现一个随机私聊,所以自己基于node 和 socket.io 来搭服务,当然,第一次用node做东西玩,虽然做的不好,但是也蛮分享下哈。

先说说用到的东西, node 用来做后台服务,express 用来托管静态资源,然后socket.io 用来传送聊天数据。接下来说说思路,其实用socket.io来传数据是很简单的一件事情,我们只需要再前端页面引入 socket.io.js 然后再node端也require('socket.io'),把它在后端跑起来,那么前端就可以通过如下代码来发送或者接收信息。
//前端
socket = io.connect('ws://'+'服务器ip');
socket.emit('msg',{msg:'前端要发送的信息'});//要发送的信息(以对象的形式发送)
socket.on('msg2',function(data){
...
//这里的data是后端传过来的信息
})
//后端
socket.on('msg',function(data){
var data = data; //这里的data就是前端传过来的数据,即{msg:'前端要发送的信息'}
console.log(data.msg) // 打印出 “前端要发送的信息”
})
//同理,后端要传信息给前端也是一样
socket.emit('msg2',{msg:'后端要发送的信息'});
我们来看后端怎么把socket跑起来
var express = require('express');
var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);
io.on('connection', function(socket){ //当前端执行 socket = io.connect('ws://'+host); 的时候,此处的io会监听到connection事件
socket.on('msg',function(data){
io.emit('onlineCount',freeList)
//如果直接用io.emit来发送数据的话,这代表广播的形式,就是当前所有打开服务的前端页面都会收到这条消息。
socket.emit('welcome',{msg:'欢迎...'})//这里将给当前连接的页面发送一个欢迎的对象数据
})
socket.on('disconnect',function(){
//当前端页面关闭,或者失去连接时,后端会接收到disconnect事件
})
})
http.listen(4000, function(){
console.log('listening on *:4000');
});
当然不仅如此,因为websocket协议,是在浏览器和服务器之间建立了一个长链接来相互传输数据,对服务器而言,如果打开了好几个页面,那么就有好几个socket实例,每个建立连接的前端页面都会有一个socket实例,这样就为接下来的点对点私聊提供了思路。当然,我们也可以通过直接广播来传送信息,不过这适用于聊天室情景。
那如何实现点对点呢,之前说了,每个建立连接的页面都会产生一个socket实例,那么我们只需要后端在接收消息的同时,判断该socket实例是和哪个个实例在聊天,只把消息发送给另一个匹配的socket实例就好了。简单来说就像写信一样,我把消息发送给后端,然后告诉后端,这个消息是给xxx的,然后后端找到xxx对应的socket实例,将消息发给他就好了。
//前端
window.id = new Date().getTime()+""+Math.floor(Math.random()*899+100);
//每次登录,获取一个唯一的用户id
socket = io.connect('ws://'+host);
socket.emit('newUser',{ user_name : name, user_id : id})
//建立连接后,将我的用户名和id都传给后端
//后端
socket.on('newUser',function(data){
var nickname = data.user_name,
user_id = data.user_id;
userServer[user_id] = socket;
//后端接收后,将该用户socket保存在一个对象里,key值为id,value就是这个用户的socket
})
通过上面的代码,后端得到了一个userServer的对象,里面是每个连接socket和其id的对应值,这样,就可以通过每次发送信息时,附带要接收对象的id来达到点对点的数据传输。
接下来就是数据处理咯,如何取到对方的id啊等等,鉴于我表达能力有限,加上懒,就不啰嗦啦~~ 代码我都托管在github欢迎自己下下来看咯~https://github.com/mikoshu/mychatroom.git
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# node.js
# socket.io聊天
# socket.io点对点聊天
# Node.js websocket使用socket.io库实现实时聊天室
# Node.js用Socket.IO做聊天软件的实现示例
# 后端
# 点对点
# 好几个
# 就可以
# 的人
# 发送给
# 聊天室
# 是在
# 好了
# 就像
# 就有
# 我都
# 就不
# 说了
# 他就
# 只需
# 适用于
# 把它
# 我把
# 可以通过
相关文章:
如何在VPS电脑上快速搭建网站?
沈阳制作网站公司排名,沈阳装饰协会官方网站?
视频网站制作教程,怎么样制作优酷网的小视频?
如何零基础在云服务器搭建WordPress站点?
网站制作模板下载什么软件,ppt模板免费下载网站?
北京营销型网站制作公司,可以用python做一个营销推广网站吗?
免费制作小说封面的网站有哪些,怎么接网站批量的封面单?
建站主机CVM配置优化、SEO策略与性能提升指南
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
北京专业网站制作设计师招聘,北京白云观官方网站?
打鱼网站制作软件,波克捕鱼官方号怎么注册?
建站之星图片链接生成指南:自助建站与智能设计教程
个人摄影网站制作流程,摄影爱好者都去什么网站?
装修招标网站设计制作流程,装修招标流程?
免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面,最好是免费的?
如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?
高端建站如何打造兼具美学与转化的品牌官网?
购物网站制作费用多少,开办网上购物网站,需要办理哪些手续?
,巨量百应是干嘛的?
IOS倒计时设置UIButton标题title的抖动问题
如何在宝塔面板中创建新站点?
兔展官网 在线制作,怎样制作微信请帖?
制作网站的基本流程,设计网站的软件是什么?
常州自助建站费用包含哪些项目?
企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
如何通过云梦建站系统实现SEO快速优化?
深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?
如何在万网开始建站?分步指南解析
专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
建站之家VIP精选网站模板与SEO优化教程整合指南
大同网页,大同瑞慈医院官网?
如何快速生成ASP一键建站模板并优化安全性?
上海网站制作网页,上海本地的生活网站有哪些?最好包括生活的各个方面的?
css网站制作参考文献有哪些,易聊怎么注册?
如何在云指建站中生成FTP站点?
官网建站费用明细查询_企业建站套餐价格及收费标准指南
建站VPS推荐:2025年高性能服务器配置指南
广平建站公司哪家专业可靠?如何选择?
h5网站制作工具有哪些,h5页面制作工具有哪些?
如何选择高效便捷的WAP商城建站系统?
如何快速选择适合个人网站的云服务器配置?
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
建站之星会员如何解锁更多建站功能?
制作农业网站的软件,比较好的农业网站推荐一下?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
网站网页制作专业公司,怎样制作自己的网页?
建站之星如何实现五合一智能建站与营销推广?
*请认真填写需求信息,我们会在24小时内与您取得联系。