WebSocket加NodeJs实现聊天室(1)

本文介绍了一个基于WebSocket的聊天室项目的实现过程,详细讨论了WebSocket及其在HTML5中的应用,并介绍了如何使用socket.io来搭建和部署聊天室。文章还分享了一些实践中的注意事项。

1关于聊天室,本质上就是建立一个长连接,内部有一个心跳做着消息监听的功能
2WebSocket在学习h5的时候接触到的,一直没有深入学习,这次通过写聊天室的demo进行了全面学习
参考文档:http://www.ruanyifeng.com/blog/2017/05/websocket.html

3 WebSocket只是html5新增加的一种通信协议运用场景很多,常见就是聊天室了
这里写图片描述
4 socket.io是一个跨浏览器的支持webSocket的实时通讯的js
参考文档:https://blog.youkuaiyun.com/u014201191/article/details/52279195
5利用socket.io和websocket搭建聊天室
踩坑:
(1)socket.io分为客户端和服务端,服务端安装依赖,后通过node启动服务后,通 过配置与后台相匹配的地址可以直接访问到socket.io.js

(2)为了在局域网内可以实现多人聊天,使用node的http创建服务的时候在配置端口的同时要配置服务本地ip

最后附上一张效果图
这里写图片描述
demo源码地址:https://github.com/nhclike/WebSocket-node-chat.git

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值