Springboot+Vue实现在线聊天室项目-webSocket实现的消息转发

Springboot+Vue实现在线聊天室项目

该聊天室为大二上学期计算机网络大作业,并且是本人第一次使用vue实现前后端分离的项目,前端架构尚未熟悉可能会出现一些不妥之处,还请大佬们指出。(本文章写于项目整体完成上线之后,所以一些细节并未写出)

# Springboot+Vue实现在线聊天室项目目录

消息推送的实现

配置Controller类
@MessageMapping("/test")
    public void test(WebSocketMessage message){
        message.setTimeStamp(new Date().getTime());
        if (!message.getContent().equals("窗口抖动"))
        userService.insertMsg(Integer.parseInt(message.getRoomId()),Integer.parseInt(message.getUid()),message.getContent(),message.getImg(),message.getName());
        String auth = userDao.getRoomAuth(Integer.parseInt(message.getRoomId()));
        String[] allUsers = auth.substring(1,auth.length()-1).split("\\|");
        for(int obj: WebSocketConfig.users){
            for (String user:allUsers){
                if (Integer.parseInt(user) == obj){
                    messagingTemplate.convertAndSend("/topic/" + Integer.parseInt(user),message);
                }
            }
        }
    }

其中, messagingTemplate用于将消息转发给监听某一socket接口的用户,以依赖注入的方式导入在Controller类中

    @Autowired
    SimpMessagingTemplate messagingTemplate;

除此之外,在Service中的好友请求中也运用到消息推送,实现发送好友请求的时候接收方可以实时收到消息并查看
        message.setTimeStamp(System.currentTimeMillis());
        message.setContent("我同意了你的好友请求");
        message.setImg(userDao.getMyImg(toUid));
        message.setName(userDao.getMyName(toUid));
        message.setRoomId(roomId+"");
        message.setUid(toUid+"");
        messagingTemplate.convertAndSend("/topic/" + toUid,message);
        messagingTemplate.convertAndSend("/topic/" + fromUid,message);
        message.setTimeStamp(System.currentTimeMillis());
        message.setContent("请求加为好友");
        message.setUid(fromUid+"");
        message.setName(userDao.getMyName(fromUid));
        messagingTemplate.convertAndSend("/topic/" + toUid,message);

这两个消息转发的请求将在前端进行特殊处理(这里应该设置message的一个type选项,之前没有考虑,所以前端通过content判断)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
实现基于Spring Boot、VueWebSocket聊天室并持久化消息,您需要完成以下步骤: 1. 创建Spring Boot项目 使用Spring Initializr创建一个基于Maven或Gradle的Spring Boot项目。 2. 配置WebSocket 在Spring Boot项目中,您需要配置WebSocket。可以使用Spring的`@EnableWebSocket`注解来开启WebSocket。 3. 编写WebSocket处理程序 创建一个WebSocket处理程序来处理WebSocket连接和消息。这个处理程序应该继承`TextWebSocketHandler`类,并实现`handleTextMessage()`方法来处理WebSocket消息。在处理程序中,您可以将接收到的消息存储到数据库中,以便在断开连接后仍然可以访问它们。 4. 创建Vue项目 使用Vue CLI创建一个新的Vue项目。 5. 集成VueWebSocketVue项目中,使用`vue-socket.io`库来集成WebSocket。这个库提供了一个`socket`对象,您可以使用它来发送和接收WebSocket消息。在Vue组件中,您可以使用`socket`对象来连接WebSocket服务器,并处理接收到的消息。 6. 编写聊天室界面 在Vue项目中,创建一个聊天室界面。这个界面应该包括一个输入框和一个消息列表。当用户在输入框中输入消息时,使用`socket`对象将该消息发送到WebSocket服务器。当接收到新消息时,将它们添加到消息列表中。 7. 持久化消息 在Spring Boot项目中,您可以使用JPA和Hibernate等ORM框架来将消息存储到数据库中。当处理程序接收到新消息时,将它们保存到数据库中。当用户重新连接到聊天室时,您可以从数据库中检索以前的消息并将它们添加到消息列表中。 完成以上步骤后,您应该能够创建一个基于Spring Boot、VueWebSocket聊天室,并持久化消息

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值