扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章将为大家详细讲解有关在SpringBoot中利用Websocket实现一个网页聊天功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联专注于汝城网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供汝城营销型网站建设,汝城网站制作、汝城网页设计、汝城网站官网定制、小程序定制开发服务,打造汝城网络公司原创品牌,更为您提供汝城网站排名全网营销落地服务。
导入websocket的包。
通过使用SpringBoot导入包的时候,我们可以发现,很多包都是以 spring-boot-starter 开头的,对于我这种强迫症 ,简直是福音
org.springframework.boot spring-boot-starter-websocket
配置websocket
服务端
首先新建一个WebSocketConfig的类,添加 @Component 注解 注入一个bean
@Component public class WebSocketConfig { @Bean public ServerEndpointExporter serverEndpointExporter() { return new ServerEndpointExporter(); } }
新建一个service,本来觉得是新建一个控制器,但是我觉得这也不是控制器,但是也不太是service。最后还是选择新建一个servece。这里你如果有更好的想法可以按照你的来。
这个service里面有4个方法,这些方法很简单,通过名称就可以看出是什么意思。
@Component @ServerEndpoint("/webSocket") @Slf4j public class WebSocket { private Session session; private static CopyOnWriteArraySetwebSockets = new CopyOnWriteArraySet<>(); private MessageVO messageVO = new MessageVO(); @OnOpen public void onOpen(Session session) { this.session = session; webSockets.add(this); messageVO.setType(1); messageVO.setUserNum(webSockets.size()); messageVO.setMessage("有新的连接"); ObjectMapper mapper = new ObjectMapper(); String Json = ""; try { Json = mapper.writeValueAsString(messageVO); } catch (Exception ex) { log.error(ex.getMessage()); } this.sendMessage(Json); log.info("【websocket消息】有新的连接, 总数:{}", webSockets.size()); } @OnClose public void onClose() { webSockets.remove(this); messageVO.setType(2); messageVO.setUserNum(webSockets.size()); messageVO.setMessage("有用户离开"); ObjectMapper mapper = new ObjectMapper(); String Json = ""; try { Json = mapper.writeValueAsString(messageVO); } catch (Exception ex) { log.error(ex.getMessage()); } this.sendMessage(Json); log.info("【websocket消息】连接断开, 总数:{}", webSockets.size()); } @OnMessage public void onMessage(String message) { messageVO.setType(3); messageVO.setUserNum(webSockets.size()); messageVO.setMessage(message); ObjectMapper mapper = new ObjectMapper(); String Json = ""; try { Json = mapper.writeValueAsString(messageVO); } catch (Exception ex) { log.error(ex.getMessage()); } this.sendMessage(Json); log.info("【websocket消息】收到客户端发来的消息:{}", message); } public void sendMessage(String message) { for (WebSocket webSocket : webSockets) { log.info("【websocket消息】广播消息, message={}", message); try { webSocket.session.getBasicRemote().sendText(message); } catch (Exception e) { e.printStackTrace(); } } } }
客户端
客户端也就是我们的html,我用的是原生html5的websocket ,不需要其他的js。直接在html中写js就可以
关于在SpringBoot中利用Websocket实现一个网页聊天功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流