哈喽，大家好！我是陈坚强。一个有代码洁癖的前端攻城狮( 哈哈，生活很邋遢(*￣︶￣) )
相信大家对Websocket都不会陌生，耳熟能详的都知道一点，今天小编就和大家一起来学习下Websocket。搭建一个简易的聊天项目，欢迎大佬批评指正
Websocket介绍
简介
WebSocket是一种在单个TCP连接上进行全双工通信的协议。诞生于2008年，在2011年的时候被定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。
Websocket与HTTP图解
为什么引入Websocket协议
比如说，我们想了解今天的股票，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。 这种单向请求的特点，注定了如果服务器有连续的状态变化，客户端要获知就非常麻烦。
我们只能使用"轮询"：每隔一段时候，就发出一个询问，了解服务器有没有新的信息。最典型的场景就是聊天室。轮询的效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）。WebSocket就这样诞生了。
场景展现：
- 小伙伴：废话少说！上号！
- 前端Up主： 来了来了！
- 小伙伴：文章写的不赖！
- 前端Up主： 点赞支持一下 O(∩_∩)O 哈哈~
搭建FE
前端基于vue/cli，Vant使用了bootcdn的socketjs文件
链接后台并登陆
绑定登陆
绑定退出
接受消息
发送消息
搭建BE
后台才用express，socket.io搭建
用户登陆
用户退出
广播聊天内容
结束语
到此就结束了，有些过于简单，来几张项目效果图，送上代码飞机票
如果对小伙伴们有帮助，那点个赞再走吧
