springboot+websocket实现后台与客户端"全双工"通讯html
项目结构图:前端
2. 开发工具是IDEA, 建立springboot项目,在pox.xml中加入(下面是个人pom.xml的dependencies里的所有依赖,由于,这个是最简单的入门例子,因此只有主要的websocket和web依赖)java
<dependencies>web
<dependency>spring
<groupId>org.springframework.boot</groupId>apache
<artifactId>spring-boot-starter-web</artifactId>后端
</dependency>springboot
<!--websocket链接须要使用到的包-->websocket
<dependency>session
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>
3.建立一个页面index.html,前端跳转后端的一些必要代码,贴部分代码
WebSocket创建链接WebSocket关闭链接
JS代码以下:
(document).(() { websocket = ().(() { host = document..(window) { ()websocket = WebSocket(+ host ++ )} { () } websocket.= () { ()()}websocket.= () { ()()}websocket.= (event) { ()(+ event.)(event.)}websocket.= () { ()} }) ().(() { (websocket != ) { websocket.()} () }) })(innerHTML) { ().(innerHTML)}
JAVA后台代码:
com.eeka.wmslight.controller.configcom.eeka.wmslight.model.opm.Usercom.google.common.collect.Mapsorg.apache.shiro.SecurityUtilsorg.springframework.stereotype.javax.websocket.*javax.websocket.server.javax.websocket.server.java.io.IOExceptionjava.util.Mapjava.util.concurrent.CopyOnWriteArraySet() MyWebSocket { = CopyOnWriteArraySet<MyWebSocket> = CopyOnWriteArraySet<MyWebSocket>()Map<IntegerMyWebSocket> = Maps.()Session Integer (() Integer userIdSession session){ .= userId.= session.put(userId).add()()System..println(+ ())} (){ .remove()()System..println(+ ())} (String messageSession session) { System..println(+ message)(MyWebSocket item: ){ } } (Session sessionThrowable error){ System..println()error.printStackTrace()} (String messageInteger userId) IOException{ MyWebSocket socket = .get(userId)(socket != ) { socket..getBasicRemote().sendText(message)} } () { } () { MyWebSocket.++} () { MyWebSocket.--} }
SpringBoot须要注入WebSocketConfig
WebSocketConfig { ServerEndpointExporter (){ ServerEndpointExporter()} }
4.而后在业务类里面集成MyWebSocket