WebSocket加NodeJs实现聊天室(1)

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

3 WebSocket只是html5新增加的一种通信协议运用场景很多,常见就是聊天室了
这里写图片描述
4 socket.io是一个跨浏览器的支持webSocket的实时通讯的js
参考文档:https://blog.csdn.net/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

猜你喜欢

转载自blog.csdn.net/github_39274378/article/details/81219627