如何使用WebSocket实现简易聊天器

这段时间确实非常忙，但是时隔这么久还是为小伙伴带来满满的干活，今天我们来聊一下WebSocket实现简易IM聊天器的实现DEMO.

如果想看源码，请至 https://github.com/xyp-hf/IM-websocket，下面开始讲解啦！

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

WebSocket通信协议于2011年被IETF定为标准RFC 6455，并被RFC7936所补充规范。

我们此前客户端与服务端进行交互通信，我们一般都是使用HTTP这个协议，而WebSocket是基于TCP的一种新的网络协议。

在以前客户端和服务端进行访问，比如一个Ajax请求，我们从客户端请求到服务端拿一些数据，服务端在返回给客户端一些信息。

如果我们希望服务端直接告诉我们一些信息的话，必须是客户端先请求的，全双工通信就是说客户端不需要请求，服务端直接发送给客户端信息，

HTTP无状态，服务端在处理完之后就释放掉了，不会在管了。

话不多说，下面我们开始吧

第一步、首先安装WebSocket安装包

第二步、创建如下目录

app.js 服务端

index.html 客户端

package-lock.json

打开控制台我们可以看到，点击ws我们可以看到

从里我们看出来我们建立的是一个WebSocket连接，其实它是个TCP的连接。可以实现双向的全双工的通信。就是我们不需要特地给服务端发个请求，而服务端可以直接发，把数据推给前端。

下面是Java交流群，有兴趣的加一些