美文网首页SpringCloudspringbootJava Web架构设计
Spring Boot 开发私有即时通信系统(WebSocket

Spring Boot 开发私有即时通信系统(WebSocket

作者: Anoyi | 来源:发表于2017-04-26 13:57 被阅读7021次

1/ 概述

利用Spring Boot作为基础框架,Spring Security作为安全框架,WebSocket作为通信框架,实现点对点聊天和群聊天。

2/ 所需依赖

Spring Boot 版本 1.5.3,使用MongoDB存储数据(非必须),Maven依赖如下:

<properties>
    <java.version>1.8</java.version>
    <thymeleaf.version>3.0.0.RELEASE</thymeleaf.version>
    <thymeleaf-layout-dialect.version>2.0.0</thymeleaf-layout-dialect.version>
  </properties>

  <dependencies>

    <!-- WebSocket依赖,移除Tomcat容器 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-websocket</artifactId>
      <exclusions>
        <exclusion>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-tomcat</artifactId>
        </exclusion>
      </exclusions>
    </dependency>

    <!-- 使用Undertow容器 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-undertow</artifactId>
    </dependency>

    <!--  Spring Security 框架 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-security</artifactId>
    </dependency>

    <!-- MongoDB数据库 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-data-mongodb</artifactId>
    </dependency>

    <!-- Thymeleaf 模版引擎 -->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.16.16</version>
    </dependency>

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.30</version>
    </dependency>

    <!-- 静态资源 -->
    <dependency>
      <groupId>org.webjars</groupId>
      <artifactId>webjars-locator</artifactId>
    </dependency>
    <dependency>
      <groupId>org.webjars</groupId>
      <artifactId>sockjs-client</artifactId>
      <version>1.0.2</version>
    </dependency>
    <dependency>
      <groupId>org.webjars</groupId>
      <artifactId>stomp-websocket</artifactId>
      <version>2.3.3</version>
    </dependency>
    <dependency>
      <groupId>org.webjars</groupId>
      <artifactId>bootstrap</artifactId>
      <version>3.3.7</version>
    </dependency>
    <dependency>
      <groupId>org.webjars</groupId>
      <artifactId>jquery</artifactId>
      <version>3.1.0</version>
    </dependency>

  </dependencies>

配置文件内容:

server:
  port: 80

# 若使用MongoDB则配置如下参数
spring:
  data:
    mongodb:
      uri: mongodb://username:password@172.25.11.228:27017
      authentication-database: admin
      database: chat

大致程序结构,仅供参考:

程序结构

3/ 创建程序启动类,启用WebSocket

使用@EnableWebSocket注解

@SpringBootApplication
@EnableWebSocket
public class Application {

  public static void main(String[] args) {
    SpringApplication.run(Application.class, args);
  }

}

4/ 配置Spring Security

此章节省略。(配置好Spring Security,用户能正常登录即可)
可以参考:Spring Boot 全栈开发:用户安全

5/ 配置Web Socket(结合第7节的JS看)

@Configuration
@EnableWebSocketMessageBroker
@Log4j
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

  // 此处可注入自己写的Service

  @Override
  public void registerStompEndpoints(StompEndpointRegistry stompEndpointRegistry) {
    // 客户端与服务器端建立连接的点
    stompEndpointRegistry.addEndpoint("/any-socket").withSockJS();
  }

  @Override
  public void configureMessageBroker(MessageBrokerRegistry messageBrokerRegistry) {
    // 配置客户端发送信息的路径的前缀
    messageBrokerRegistry.setApplicationDestinationPrefixes("/app");
    messageBrokerRegistry.enableSimpleBroker("/topic");
  }

  @Override
  public void configureWebSocketTransport(final WebSocketTransportRegistration registration) {
    registration.addDecoratorFactory(new WebSocketHandlerDecoratorFactory() {
      @Override
      public WebSocketHandler decorate(final WebSocketHandler handler) {
        return new WebSocketHandlerDecorator(handler) {
          @Override
          public void afterConnectionEstablished(final WebSocketSession session) throws Exception {
            // 客户端与服务器端建立连接后,此处记录谁上线了
            String username = session.getPrincipal().getName();
            log.info("online: " + username);
            super.afterConnectionEstablished(session);
          }

          @Override
          public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {
            // 客户端与服务器端断开连接后,此处记录谁下线了
            String username = session.getPrincipal().getName();
            log.info("offline: " + username);
            super.afterConnectionClosed(session, closeStatus);
          }
        };
      }
    });
    super.configureWebSocketTransport(registration);
  }
}

6/ 点对点消息,群消息

@Controller
@Log4j
public class ChatController {

  @Autowired
  private SimpMessagingTemplate template;
  
  // 注入其它Service

  // 群聊天
  @MessageMapping("/notice")
  public void notice(Principal principal, String message) {  
    // 参数说明 principal 当前登录的用户, message 客户端发送过来的内容
    // principal.getName() 可获得当前用户的username  

    // 发送消息给订阅 "/topic/notice" 且在线的用户
    template.convertAndSend("/topic/notice", message); 
  }

  // 点对点聊天
  @MessageMapping("/chat")
  public void chat(Principal principal, String message){
    // 参数说明 principal 当前登录的用户, message 客户端发送过来的内容(应该至少包含发送对象toUser和消息内容content)
    // principal.getName() 可获得当前用户的username

    // 发送消息给订阅 "/user/topic/chat" 且用户名为toUser的用户
    template.convertAndSendToUser(toUser, "/topic/chat", content);
  }

}

7/ 客户端与服务器端交互

    var stompClient = null;

    function connect() {
        var socket = new SockJS('/any-socket');
        stompClient = Stomp.over(socket);
        stompClient.connect({}, function (frame) {
            // 订阅 /topic/notice 实现群聊
            stompClient.subscribe('/topic/notice', function (message) {
                showMessage(JSON.parse(message.body));
            });
            // 订阅 /user/topic/chat 实现点对点聊
            stompClient.subscribe('/user/topic/chat', function (message) {
                showMessage(JSON.parse(message.body));
            });
        });
    }

    function showMessage(message) {
        // 处理消息在页面的显示
    }

    $(function () {
        // 建立websocket连接
        connect();
        // 发送消息按钮事件
        $("#send").click(function () {
            if (target == "TO_ALL"){
                // 群发消息
                // 匹配后端ChatController中的 @MessageMapping("/notice")
                stompClient.send("/app/notice", {}, '消息内容');
            }else{
                // 点对点消息,消息中必须包含对方的username
                // 匹配后端ChatController中的 @MessageMapping("/chat")
                var content = "{'content':'消息内容','receiver':'anoy'}";
                stompClient.send("/app/chat", {}, content);
            }
        });
    });

8/ 效果测试

登录三个用户:Anoyi、Jock、超级管理员。
群消息测试,超级管理员群发消息:

超级管理员 Anoyi Jock

点对点消息测试,Anoyi给Jock发送消息,只有Jock收到消息,Anoyi和超级管理员收不到消息:

Jock 超级管理员 Anoyi

9/ 轻量级DEMO(完整可运行代码)

Spring Boot 开发私有即时通信系统(WebSocket)(续)

10/ 参考文献

相关文章

网友评论

  • michealyang:源码 可否提供
  • 我叫冰叔:给个demo楼主1058179540@qq.com
    Anoyi:@我叫冰叔 https://anoyi.com
  • d623cccd85ea:楼主 ChatController.java 中的异步调用@Async
    private void send(BaseMessage message){***} 使用有误吧?
    Anoyi:@d623cccd85ea 晚点给你答复
    d623cccd85ea:@Anoyi 这个应该不起作用的 ,不知道作者有没有做过测试。
    做个简单测试 在send方法前后都打印一个东西,send方法体中也打印一句话
    @MessageMapping("/chat")
    public void chat(Principal principal, String message) {
    System.out.println("************start************");
    this.send(baseMessage);
    System.out.println("************end************");
    }

    @async
    private void send(BaseMessage message) {
    System.out.println("#########operation complete##############");
    }
    看看跟你的预期结果一样吗?
    Anoyi:@d623cccd85ea 异步发送消息
  • hdfg159:怎么实现点对点区别显示每个人发来的信息呢?比如:A单独发给B和C单独发给B,在B的聊天窗口会显示2个人发过来的信息吧?
    Anoyi:@hdfg159 会在消息接收窗口显示所有人发来的消息,包括群聊的
    hdfg159:@Anoyi 我的意思是两个人点对点发信息给B,B和A的聊天接收窗口/B和C的聊天接收窗口只是显示他们两个之间的聊天信息。你现在的Demo是不是在B的聊天信息接收窗口那边会显示两个人发过来的信息?
    Anoyi:@hdfg159 你的意思是两个窗口?
  • 72e8f5c71cb3:你好,最大连接数能到多少
    Anoyi:@mx201245 看配置
  • 9752d2659058:你好,能发一份给我参考一下吗,最近在做这功能2235390423@qq.com
    Anoyi:@等風也等妳_2c2e 文中有github地址
  • Anoyi:需要代码的请移步:http://www.jianshu.com/p/47bc85b21912
  • imzhudi:122635700@qq.com 能给个demo吗 谢谢
    imzhudi:@Anoyi 不是很明白 这个是怎么根据用户名来找到特定的那个管道的
    imzhudi:@Anoyi 大兄弟 麻烦问下

    template.convertAndSendToUser(message.getReceiver(), "/topic/chat", JSON.toJSONString(chatMessage));

    这个websocket点对点发送的时候,是怎么维护用户名和websokcet连接的,是springsecurity吗?

    Anoyi:@imzhudi 看我最新的文章,有代码
  • Cheney_c085:楼主 给个demo 试试 986200098@qq.com
    Anoyi:@Cheney_c085 发了
  • 柏隽:没有Git地址?学习学习
    Anoyi:@中国式小黑 建议看文章自己实现代码,需要参考的话留个邮箱吧,我把我写的发给你
  • 耀子__龙:楼主idea使用的哪种主题配色,给个链接可否
    耀子__龙:@Anoyi 好的,谢谢:pray:
    Anoyi:@耀子__龙 http://www.riaway.com/themeshow.php?tid=45$cid=1

本文标题:Spring Boot 开发私有即时通信系统(WebSocket

本文链接:https://www.haomeiwen.com/subject/xoqvattx.html