174. Spring Boot WebSocket:群聊-昵称

Posted SpringBoot

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了174. Spring Boot WebSocket:群聊-昵称相关的知识,希望对你有一定的参考价值。

【视频&交流平台】

à Spring Boot视频

http://study.163.com/course/introduction.htm?courseId=1004329008

à Spring Cloud视频

http://study.163.com/course/introduction.htm?courseId=1004638001

à Spring Boot源码

https://gitee.com/happyangellxq520/spring-boot

à Spring Boot交流平台

http://412887952-qq-com.iteye.com/blog/2321532

http://412887952-qq-com.iteye.com/blog/2404898


需求缘起:

       在上一篇文章已经可以群聊功能了,但是存在一个问题,就是无法显示消息是谁发送了,这样就会导致消息乱七八糟的无法解读。在这版文章中解决昵称显示的问题。

效果展示:

悟空消息:


174. Spring Boot WebSocket:群聊-昵称


师傅消息:


174. Spring Boot WebSocket:群聊-昵称


 

八戒消息:

174. Spring Boot WebSocket:群聊-昵称


 

(1)在连接的时候,让用户输入昵称

       这个简单,只需要提供一个input让用户进行输入即可:

174. Spring Boot WebSocket:群聊-昵称

(2)连接前的校验

       在用户点击连接判断用户是否输入昵称了:

174. Spring Boot WebSocket:群聊-昵称


  以上这些都是简单了,那问题的关键就是如何把昵称显示在聊天信息中呢?这里提供几种思路,大家可以自己开拓方法。

 

(3)昵称显示方式1:消息携带

       这种方式就是在发送消息的时候,直接拼接上用户的昵称,这种改动是最小的,也是比较简单的方式,只需要修改前端网页代码即可:

174. Spring Boot WebSocket:群聊-昵称


  但是这种方式有一个弊端,就是服务端要知道用户的昵称就比较费劲了,所以这种方式就是玩玩而已,实际不这么玩。

 

 

(4)昵称显示方式2:连接传递

       这个就是在建立连接的时候传递到服务端连接点。

首先修改客户端的连接方式:

174. Spring Boot WebSocket:群聊-昵称


首先服务端的服务端点发布:

174. Spring Boot WebSocket:群聊-昵称


服务端获取参数:

       这个在每个方法中都可以获取的,使用@PathParam("nickname") String nickname,比如在连接的时候:

174. Spring Boot WebSocket:群聊-昵称


(5)昵称显示方式3:使用httpSession

       这种方式实现起来就比较复杂了,这里只说下大概的一个思路,就是将昵称保存到httpSession对象中,使用httpSession.setAttribute("nickname",nickname)进行存储。

       问题的关键是如何在websocket中获取到httpSession呢,主要是通过添加一个配置类进行实现:

       那么在WebSocket就可以获取到HttpSession对象了:

http://blog.csdn.net/z719725611/article/details/52400404

http://blog.csdn.net/yayicho/article/details/52330627

 

方案总结

       本篇文章最终使用的是方式2的方式进行实现,对于方式2和方式3都有各自的使用场景,大家可以自己进行斟酌。


以上是关于174. Spring Boot WebSocket:群聊-昵称的主要内容,如果未能解决你的问题,请参考以下文章

一款Java开源的Spring Boot即时通讯IM聊天系统

websocke

websocke前世今生

websocke 在线测试地址

websocke 在线测试地址

java代码编辑器 pdf文件预览 主流SSM 代码生成器 shrio redis websocke