SSM框架+WebSocket实现网页聊天（Spring+SpringMVC+MyBatis+WebSocket）

最新推荐文章于 2025-06-19 16:12:19 发布

原创

最新推荐文章于 2025-06-19 16:12:19 发布 · 4.1w 阅读

209 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #spring #spring mvc #mybatis

建站不止于增删改查，还有很多很有魅力的地方。对于通信聊天这块已经青睐好久了，前段时间在做的j2ee项目运用到Spring+SpringMVC+MyBatis的框架集合，是关于一个社交平台的网站，类似于facebook，twitter，微博等。在做完基本的CURD（例如评论模块）后，开始研究网站通信并应用于项目中。

提到通信，大家都知道Socket。确实，运用Socket能在服务器与客户端之间建立一个数据交换的通道。之前用java SE写过的Socket通信 —模拟用户登录简单地实现了服务器与客户端传送消息。但是再细想一下，如果要在项目中实现网页聊天功能，把Socket用到j2ee项目中，或许就没那么简单了。这时转向baidu与google寻找答案，原来，有WebSocket这套协议，关于WebSocket，来自IBM这两篇文章已经介绍地很详细了：WebSocket 实战，使用 HTML5 WebSocket 构建实时 Web 应用。

Spring Framework 4 includes a new spring-websocket module with comprehensive WebSocket support. It is compatible with the Java WebSocket API standard (JSR-356) and also provides additional value-add as explained in the rest of the introduction.来自Spring官方文档：http://docs.spring.io/spring/docs/current/spring-framework-reference/html/websocket.html

非常庆幸的是，在Spring 4.0以上开始支持WebSocket了，并给出一套API供开发者使用。

下面就开始讲解WebSocket如何应用于SSM框架，说明其中的工作原理，并在最后给出网页聊天效果图。

一：客户端（js）新建WebSocket对象，指定要进行握手连接的服务器地址：

var webSocket = new WebSocket("ws://"+socketPath+"/ws");
webSocket.onopen = function(event){
   
   
    console.log("连接成功");
    console.log(event);
};
webSocket.onerror = function(event){
   
   
    console.log("连接失败");
    console.log(event);
};
webSocket.onclose = function(event){
   
   
    console.log("Socket连接断开");
    console.log(event);
};
webSocket.onmessage = function(event){
   
   
    //接受来自服务器的消息
    //...
}

讲解：

在新建WebSocket对象时，给出的参数字符串中ws表明协议使用的是WebSocket协议，socketPath就是要连接的服务器地址，在下文会进一步说明。
如果成功连接，就会执行onopen；如果连接失败，就会执行onerror；如果连接断开，就会执行onclose，如果服务器有消息发送过来，就会执行onmessage。

二：服务端导入Spring WebSocket相关jar依赖：

<!--WebSocket 依赖 -->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-messaging</artifactId>
      <version>4.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-websocket</artifactId>
      <version>4.0.5.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>com.google.code.gson</groupId>
      <artifactId>gson</artifactId>
      <version>2.3.1</version>
    </dependency>