Springboot + websocket 实现 一对一 单人聊天

Springboot + websocket   实现 一对一 单人聊天

要使用websocket ,需要添加 jar

打开项目中的pom.xml,添加以下内容

Springboot + websocket 实现 一对一 单人聊天_第1张图片

创建java端代码

配置websocke的endpoints

Springboot + websocket 实现 一对一 单人聊天_第2张图片

配置websocket的server

Springboot + websocket 实现 一对一 单人聊天_第3张图片

@ServerEndpoint(value = "/websocket/{username}")

这句话 一定要注意, 这里 路径指定的是 页面需要访问的server的地址, {username} 表示需要传递参数

为刚刚的类 添加 属性

Springboot + websocket 实现 一对一 单人聊天_第4张图片

为刚刚的类 添加方法

Springboot + websocket 实现 一对一 单人聊天_第5张图片

Springboot + websocket 实现 一对一 单人聊天_第6张图片

Springboot + websocket 实现 一对一 单人聊天_第7张图片

Springboot + websocket 实现 一对一 单人聊天_第8张图片

Springboot + websocket 实现 一对一 单人聊天_第9张图片

编写jsp页面

 因为已经再配置文件中配置了 springmvc的配置

Springboot + websocket 实现 一对一 单人聊天_第10张图片

将ws.jsp 放到 src/main/webapp/WEB-INF/下  

将 以下内容 放到 body 中Springboot + websocket 实现 一对一 单人聊天_第11张图片

编写script 标签

Springboot + websocket 实现 一对一 单人聊天_第12张图片

Springboot + websocket 实现 一对一 单人聊天_第13张图片

Springboot + websocket 实现 一对一 单人聊天_第14张图片

将ws.jsp 复制一份 改为 ws2.jsp,  将 ws2.jsp中 变量 username 改为一个新的值,

因为项目中有 springboot,无法直接访问jsp文件,

因此 需要编写controller 进行页面的跳转

Springboot + websocket 实现 一对一 单人聊天_第15张图片

启动项目, 打开地址栏, http://loacalhost:8080/ws 及http://loacalhost:8080/ws2 就可以实时聊天了,

你可能感兴趣的:(java,spring,boot,websocket,后端)