我用stomp框架写了一个即时聊天工具

悠悠 2022-12-25 01:53 198阅读 0赞

WebSocket技术可以让服务端主动将信息推送给客户端，不必像Http协议那样客户端想要获取服务端数据，必须要向服务端发起一个请求。

WebSocket是全双工协议，类似于Socket通信，双方都可以在任何时刻向另一方发送数据。适合用于即时通信。

这次我打算用stomp（基于WebSocket）框架来实现一个类似QQ的即时通讯工具，功能比较简陋，但是主体功能没有问题，有兴趣的童鞋可以进行改造。

## 代码实战 ##

### 导入stomp框架 ###

![e77a48bf8b3f6e3d230d33ef1edc7eb5.png][]

### 工程目录 ###

![779eb739168fd49d2d7acab464a9aa4f.png][]

### WebSocketConfig ###

![f3c22794a6d143679ae88037b046bf31.png][]

### GlobalConsts ###

![25d17d0266829791ec77fcfe2cbc67fc.png][]

### GreetingController ###

![005817d8c3bfe7da5154c52a483c3481.png][]

### WebSocketEventListener ###

![9b59530711c1a57c12fa475e561332c9.png][]

### ClientMessage ###

![6c0f0dda3eb4ca7643d04e485845b949.png][]

### ServerMessage ###

![7107b62f52b481e1f0afc4d52d22b3fa.png][]

### DemoWebSocketClient ###

![604c2ac1de1ba7b04f6b17a778585ce3.png][]

### 启动类DemoWebSocketServer ###

![92e25f3624cfb3b9cf2392fe3c6d8469.png][]

### 前端代码 ###

![ddb5fd0c22e1dab29baf76379c6a46cc.png][]

## 效果展示 ##

![2f2c75241824b2c63c7650c6883e6c09.gif][]

项目源码地址：

> “
> 
> https://github.com/lvshen9/demo/tree/lvshen-dev/src/main/java/com/lvshen/demo/kafka/socket
> 
> ”

[e77a48bf8b3f6e3d230d33ef1edc7eb5.png]: /images/20221120/1089437dcaf74a0d9d27e20e18c6272d.png
[779eb739168fd49d2d7acab464a9aa4f.png]: https://img-blog.csdnimg.cn/img_convert/779eb739168fd49d2d7acab464a9aa4f.png
[f3c22794a6d143679ae88037b046bf31.png]: https://img-blog.csdnimg.cn/img_convert/f3c22794a6d143679ae88037b046bf31.png
[25d17d0266829791ec77fcfe2cbc67fc.png]: https://img-blog.csdnimg.cn/img_convert/25d17d0266829791ec77fcfe2cbc67fc.png
[005817d8c3bfe7da5154c52a483c3481.png]: https://img-blog.csdnimg.cn/img_convert/005817d8c3bfe7da5154c52a483c3481.png
[9b59530711c1a57c12fa475e561332c9.png]: https://img-blog.csdnimg.cn/img_convert/9b59530711c1a57c12fa475e561332c9.png
[6c0f0dda3eb4ca7643d04e485845b949.png]: https://img-blog.csdnimg.cn/img_convert/6c0f0dda3eb4ca7643d04e485845b949.png
[7107b62f52b481e1f0afc4d52d22b3fa.png]: https://img-blog.csdnimg.cn/img_convert/7107b62f52b481e1f0afc4d52d22b3fa.png
[604c2ac1de1ba7b04f6b17a778585ce3.png]: https://img-blog.csdnimg.cn/img_convert/604c2ac1de1ba7b04f6b17a778585ce3.png
[92e25f3624cfb3b9cf2392fe3c6d8469.png]: https://img-blog.csdnimg.cn/img_convert/92e25f3624cfb3b9cf2392fe3c6d8469.png
[ddb5fd0c22e1dab29baf76379c6a46cc.png]: https://img-blog.csdnimg.cn/img_convert/ddb5fd0c22e1dab29baf76379c6a46cc.png
[2f2c75241824b2c63c7650c6883e6c09.gif]: https://img-blog.csdnimg.cn/img_convert/2f2c75241824b2c63c7650c6883e6c09.gif