Spring WebSocket教程(一)

学习背景

很久以前就知道WebSocket,但那时不论是浏览器还是开发技术对它的支持都还很少。但是,Spring4突然发布,让我眼前一亮,Spring4直接支持WebSocket。

对于Spring我还是很喜欢的,它让Java Web开发相当的有艺术感,这次支持的WebSocket又特别的和我的胃口,所以马上就去学习了。

前提

本文的内容,是建立在懂J2EE编程,使用过Spring,听说过WebSocket上的,如果前面的3点大家不太明白,可以先去补补知识。

WebSocket还不是很普遍,对服务器和浏览器都有要求,不过使用了下面的一些技术,可以将浏览器的要求降低,但是服务器容器的要求还是比较高的,具体哪些服务器容易支持了WebSocket可以百度一下。

第一步:配置Spring

如果你跟我一样采用的Maven,那么只需要将下面的几个依赖,加入到pom.xml文件就可以了:

[html] view plain copy

  1. <properties>  

  2.     <spring.version>4.0.0.RELEASE</spring.version>  

  3. </properties>  

  4. <dependencies>  

  5.     <!--spring MVC-->  

  6.     <dependency>  

  7.         <groupId>org.springframework</groupId>  

  8.         <artifactId>spring-core</artifactId>  

  9.         <version>${spring.version}</version>  

  10.     </dependency>  

  11.     <dependency>  

  12.         <groupId>org.springframework</groupId>  

  13.         <artifactId>spring-web</artifactId>  

  14.         <version>${spring.version}</version>  

  15.     </dependency>  

  16.     <dependency>  

  17.         <groupId>org.springframework</groupId>  

  18.         <artifactId>spring-webmvc</artifactId>  

  19.         <version>${spring.version}</version>  

  20.     </dependency>  

  21.     <!-- jstl -->  

  22.     <dependency>  

  23.         <groupId>jstl</groupId>  

  24.         <artifactId>jstl</artifactId>  

  25.         <version>1.2</version>  

  26.     </dependency>  

  27.     <!--spring测试框架-->  

  28.     <dependency>  

  29.         <groupId>org.springframework</groupId>  

  30.         <artifactId>spring-test</artifactId>  

  31.         <version>${spring.version}</version>  

  32.         <scope>test</scope>  

  33.     </dependency>  

  34.     <!--spring数据库操作库-->  

  35.     <dependency>  

  36.         <groupId>org.springframework</groupId>  

  37.         <artifactId>spring-jdbc</artifactId>  

  38.         <version>${spring.version}</version>  

  39.     </dependency>  

  40.     <dependency>  

  41.         <groupId>junit</groupId>  

  42.         <artifactId>junit</artifactId>  

  43.         <version>4.8.2</version>  

  44.         <scope>test</scope>  

  45.     </dependency>  

  46.     <!--spring websocket库-->  

  47.     <dependency>  

  48.         <groupId>org.springframework</groupId>  

  49.         <artifactId>spring-websocket</artifactId>  

  50.         <version>${spring.version}</version>  

  51.     </dependency>  

  52.     <dependency>  

  53.         <groupId>org.springframework</groupId>  

  54.         <artifactId>spring-messaging</artifactId>  

  55.         <version>${spring.version}</version>  

  56.     </dependency>  

  57.     <!--jackson用于json操作-->  

  58.     <dependency>  

  59.         <groupId>com.fasterxml.jackson.core</groupId>  

  60.         <artifactId>jackson-databind</artifactId>  

  61.         <version>2.3.0</version>  

  62.     </dependency>  

  63.     <dependency>  

  64.         <groupId>commons-fileupload</groupId>  

  65.         <artifactId>commons-fileupload</artifactId>  

  66.         <version>1.2.2</version>  

  67.     </dependency>  

  68.     <dependency>  

  69.         <groupId>commons-io</groupId>  

  70.         <artifactId>commons-io</artifactId>  

  71.         <version>2.2</version>  

  72.     </dependency>  

  73.     <!--使用阿里的连接池-->  

  74.     <dependency>  

  75.         <groupId>com.alibaba</groupId>  

  76.         <artifactId>druid</artifactId>  

  77.         <version>1.0.4</version>  

  78.     </dependency>  

  79.     <!--mysql connector-->  

  80.     <dependency>  

  81.         <groupId>mysql</groupId>  

  82.         <artifactId>mysql-connector-java</artifactId>  

  83.         <version>5.1.29</version>  

  84.     </dependency>  

  85. </dependencies>  

Spring的配置我就不一一贴出来了,可以去github看,地址我会贴在下面。

第二步:配置WebSocket

我采用的是使用Configurer类和 Annotation来进行WebSocket配置。

首先要创建一个类,继承WebSocketMessageBrokerConfigurer,并且在类上加上annotation:@Configuration和@EnableWebSocketMessageBroker。这样,Spring就会将这个类当做配置类,并且打开WebSocket。

[java] view plain copy

  1. @Configuration  

  2. @EnableWebSocketMessageBroker  

  3. public class WebSocketConfig implements WebSocketMessageBrokerConfigurer{  

  4.     @Override  

  5.     public void registerStompEndpoints(StompEndpointRegistry registry) {  

  6.         //添加这个Endpoint,这样在网页中就可以通过websocket连接上服务了  

  7.         registry.addEndpoint("/coordination").withSockJS();  

  8.     }  

  9.     @Override  

  10.     public void configureMessageBroker(MessageBrokerRegistry config) {  

  11.         System.out.println("服务器启动成功");  

  12.         //这里设置的simple broker是指可以订阅的地址,也就是服务器可以发送的地址  

  13.         /** 

  14.          * userChat 用于用户聊天 

  15.          */  

  16.         config.enableSimpleBroker("/userChat");  

  17.         config.setApplicationDestinationPrefixes("/app");  

  18.     }  

  19.     @Override  

  20.     public void configureClientInboundChannel(ChannelRegistration channelRegistration) {  

  21.     }  

  22.     @Override  

  23.     public void configureClientOutboundChannel(ChannelRegistration channelRegistration) {  

  24.     }  

  25. }  

可以看到,在类中必须实现这四个方法。暂且只需要用到前两个,所以我来介绍一下,前两个方法中代码的意义。

第一个方法,是registerStompEndpoints,大意就是注册消息连接点(我自己的理解),所以我们进行了连接点的注册:

[java] view plain copy

  1. registry.addEndpoint("/coordination").withSockJS();  

我们加了一个叫coordination的连接点,在网页上我们就可以通过这个链接来和服务器的WebSocket连接了。但是后面还有一句withSockJs,这是什么呢?SockJs是一个WebSocket的通信js库,Spring对这个js库进行了后台的自动支持,也就是说,我们如果使用SockJs,那么我们就不需要对后台进行更多的配置,只需要加上这一句就可以了。

第二个方法,configureMessageBroker,大意是设置消息代理,也就是页面上用js来订阅的地址,也是我们服务器往WebSocket端接收js端发送消息的地址。

[java] view plain copy

  1. config.enableSimpleBroker("/userChat");  
  2. config.setApplicationDestinationPrefixes("/app");  

首先,定义了一个连接点叫userChat,从名字可以看的出,最后我会做一个聊天的例子。然后,设置了一个应用程序访问地址的前缀,目的估计是为了和其他的普通请求区分开吧。也就是说,网页上要发送消息到服务器上的地址是/app/userChat。

说了这么多地址,估计大家都绕晕了,因为项目的整个雏形还没有出来,所以很混乱。所以接下来就配置js端。

第三步:配置Browser端

说了这么多地址,估计大家都绕晕了,因为项目的整个雏形还没有出来,所以很混乱。所以接下来就配置js端。

首先我们要使用两个js库,一个是之前说过的SockJs,一个是stomp,这是一种通信协议,暂时不介绍它,只需要知道是一种更方便更安全的发送消息的库就行了。

需要连接服务端的WebSocket:

[javascript] view plain copy

  1. var socket = new SockJS('/coordination');  
  2. var stompClient = Stomp.over(socket);  
  3. stompClient.connect('', '', function (frame) {});  

没错,就只需要两句话。有了这三句话,我们就已经可以连接上了服务器。

使用SockJs还有一个好处,那就是对浏览器进行兼容,如果是IE11以下等对WebSocket支持不好的浏览器,SockJs会自动的将WebSocket降级到轮询(这个不知道的可以去百度一下),之前也说了,Spring对SockJs也进行了支持,也就是说,如果之前加了withSockJs那句代码,那么服务器也会自动的降级为轮询。(怎么样,是不是很兴奋,Spring这个特性太让人舒服了)

但是连接上了服务器,却没有进行任何的操作,所以下一步,我们要在服务器端撰写响应和数据处理代码,在Browser端撰写消息发送和接收代码。当然,这是下一篇的内容了。

结语

这是我的毕业设计,我的毕业设计是一个在线协同备课系统,其中包含了聊天这个小功能,所以使用它来讲解一下Spring WebSocket的使用。

我将代码放到了github上,有兴趣的朋友可以去看看代码,因为涉及到了很多协同操作,所以代码比较复杂,如果仅仅想了解Spring WebSocket的朋友,还是等我的下一篇文章吧。大笑

github地址:https://github.com/xjyaikj/OnlinePreparation

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

java 实现websocket的三种方式

Java中实现websocket常见有以下三种方式:使用tomcat的websocket实现,需要tomcat7.x,JEE7的支持。使用spring的websocket,spring与websocket整合需要spring4.x,并且使用了socketjs,对不支持websocket的浏览器可以模拟websocket使用。实现WebSocke