Springboot实现Web聊天室

本文介绍了如何使用Spring Boot创建一个Web聊天室。从项目创建开始,选择了Spring Web,接着详细讲述了代码编写过程,包括导入必要的.jar包,定义了User、SessionGroup、SocketSession、WebSocketServer和WebSocketTextHandler等关键类,并创建了一个test.html测试页面。最后,文章提到了测试步骤和参考链接。
摘要由CSDN通过智能技术生成

一、项目创建

新建Spring项目,选择JDK版本:
在这里插入图片描述
选择Spring Web:
在这里插入图片描述

二、代码编写

导入.jar包:
在这里插入图片描述
WebchatApplication:

package com.example.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.ConfigurableApplicationContext;
import org.springframework.core.env.Environment;

import java.net.InetAddress;
import java.net.UnknownHostException;

@SpringBootApplication
public class DemoApplication {

    public static void main(String[] args) throws UnknownHostException {
        ConfigurableApplicationContext application = SpringApplication.run(DemoApplication.class, args);
        Environment env = application.getEnvironment();
        String host = InetAddress.getLocalHost().getHostAddress();
        String port = env.getProperty("server.port");
        System.out.println("[----------------------------------------------------------]");
        System.out.println("聊天室启动成功!点击进入:\t http://" + host + ":" + port);
        System.out.println("[----------------------------------------------------------");
        WebSocketServer.inst().run(53134);
    }

}

User:

package com.example.demo;

import java.util.Objects;

public class User {

    public String id;
    public String nickname;

    public User(String id, String nickname) {
        super();
        this.id = id;
        this.nickname = nickname;
    }

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getNickname() {
        return nickname;
    }

    public void setNickname(String nickname) {
        this.nickname = nickname;
    }

    @Override
    public boolean equals(Object o) {
        if (this == o)
            return true;
        if (o == null || getClass() != o.getClass())
            return false;
        User user = (User) o;
        return id.equals(user.getId());
    }

    @Override
    public int hashCode() {

        return Objects.hash(id);
    }

    public String getUid() {

        return id;
    }
}

SessionGroup:

package com.example.demo;

import com.google.gson.Gson;
import io.netty.channel.ChannelFuture;
import io.netty.channel.ChannelFutureListener;
import io.netty.channel.ChannelHandlerContext;
import io.netty.channel.group.ChannelGroup;
import io.netty.channel.group.ChannelGroupFuture;
import io.netty.channel.group.DefaultChannelGroup;
import io.netty.handler.codec.http.websocketx.TextWebSocketFrame;
import io.netty.util.concurrent.ImmediateEventExecutor;
import org.springframework.util.StringUtils;

import java.util.Iterator;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;

public final class SessionGroup {

    private static SessionGroup singleInstance = new SessionGroup();

    // 组的映射
    private ConcurrentHashMap<String, ChannelGroup> groupMap = new ConcurrentHashMap<>();

    public static SessionGroup inst() {
        return singleInstance;
    }

    public void shutdownGracefully() {

        Iterator<ChannelGroup> groupIterator = groupMap.values().iterator();
        while (groupIterator.hasNext()) {
            ChannelGroup group = groupIterator.next();
            group.close();
        }
    }

    public void sendToOthers(Map<String, String> result, SocketSession s) {
        // 获取组
        ChannelGroup group = groupMap.get(s.getGroup());
        if (null == group) {
            return;
        }
        Gson gson=new Gson();
        String json 
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 基于springboot的在线聊天系统源码+项目说明.zip # Huxin-Project huxin项目是一套聊天系统,包括前台手机界面及后台分布式系统,基于SpringBoot+Netty+MUI+H5Plus+Nginx+FastDFS分布式文件系统搭建的聊天系统。 前端聊天系统包含首页门户登录注册、互信、通讯录、发现、我等模块,添加了扫一扫,朋友圈等功能。 后台管理系统主要实现实时聊天功能。 # huxin ## 说明 > 基于SpringBoot+Netty+MUI+H5Plus+Nginx+FastDFS分布式文件系统搭建的聊天系统,前端聊天系统包含首页门户登录注册、互信、通讯录、发现、我等模块,添加了扫一扫,朋友圈等功能。 后台通信系统主要实现实时聊天功能。 ## 前言 `huxin`项目致力于打造一个完整的聊天系统,采用现阶段流行技术实现。 ## 项目介绍 `huxin`项目是一套聊天系统,包括前台门户系统及后台通信系统,基于SpringBoot+Netty+MUI+H5Plus+Nginx+FastDFS实现。 前台聊天系统包含首页门户登录注册、互信、通讯录、发现、我等模块,添加了扫一扫,朋友圈等功能等模块。 后台通信系统主要实现实时聊天功能。 ### 组织结构 ``` lua huxin ├── huyan-huxin- -- 前端聊天系统接口 ├── huyan-huxin-mybatis -- 基于后台数据层代码生成接口 ├── huyan-huxin-netty -- 后台聊天系统接口 └── huyan-huxin-hello -- 基于聊天功能简单网络编程实现 ``` ### 技术选型 #### 后端技术 技术 | 说明 | 官网 ----|----|---- Spring Boot | 容器+MVC框架 | https://spring.io/projects/spring-boot MyBatis | ORM框架 | http://www.mybatis.org/mybatis-3/zh/index.html MyBatisGenerator | 数据层代码生成 | http://www.mybatis.org/generator/index.html HikariCP | 数据库连接池 | https://github.com/brettwooldridge/HikariCP FastDFS | 对象存储 | https://sourceforge.net/projects/fastdfs/ Nginx | 反向代理服务器 | http://nginx.org/ Netty | 网络编程框架 | https://netty.io/index.html Maven | 项目对象模型 | http://maven.apache.org/ #### 前端技术 技术 | 说明 | 官网 ----|----|---- H5plus | 用于调用手机端功能 | http://www.html5plus.org/ MUI | 原生手机端页面框架 | http://dev.dcloud.net.cn/mui/ #### 架构图 ##### 系统架构图 ![系统架构图](/document/mind/系统架构图.png) ##### 业务架构图 ![业务架构图](/document/mind/业务架构图.png) #### 开发进度 ## 环境搭建 ### 开发工具 工具 | 说明 | 官网 ----|----|---- Eclipse | 开发IDE | https://www.eclipse.org/ X-shell | Linux远程连接工具 | http://www.netsarang.com/download/software.html Navicat | 数据库连接工具 | http://www.formysql.com/xiazai.html Xmind | 思维导图设计工具 | https://www.xmind.net/ ### 开发环境 工具 | 版本号 | 下载 ----|----|---- JDK | 1.8 | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213315
Spring Boot可以很方便地实现WebSocket聊天室。下面是基本的步骤: 1. 添加Spring Boot WebSocket依赖: 在pom.xml文件中添加以下依赖: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` 2. 创建WebSocket配置类: 创建一个类,并使用`@Configuration`注解标记它,然后继承`WebSocketConfigurer`接口。在该类中,你需要重写`registerWebSocketHandlers`方法,用于配置WebSocket处理器和拦截器: ```java import org.springframework.context.annotation.Configuration; import org.springframework.web.socket.config.annotation.EnableWebSocket; import org.springframework.web.socket.config.annotation.WebSocketConfigurer; import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(new WebSocketHandler(), "/chat").setAllowedOrigins("*"); } } ``` 3. 创建WebSocket处理器: 创建一个类,并实现`WebSocketHandler`接口。在该类中,你可以处理连接建立、消息接收以及连接关闭等事件。以下是一个简单的示例: ```java import org.springframework.web.socket.TextMessage; import org.springframework.web.socket.WebSocketHandler; import org.springframework.web.socket.WebSocketMessage; import org.springframework.web.socket.WebSocketSession; public class WebSocketHandler implements WebSocketHandler { @Override public void afterConnectionEstablished(WebSocketSession session) throws Exception { // 处理连接建立事件 } @Override public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception { // 处理消息接收事件 } @Override public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception { // 处理传输错误事件 } @Override public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception { // 处理连接关闭事件 } @Override public boolean supportsPartialMessages() { return false; } } ``` 4. 创建前端页面: 创建一个HTML页面,用于用户与服务器建立WebSocket连接,并发送和接收消息。以下是一个简单的示例: ```html <html> <head> <!-- 引入WebSocket JavaScript库 --> <script src="/js/socket.js"></script> <script> var socket = new WebSocket("ws://localhost:8080/chat"); socket.onopen = function() { // 连接建立事件处理 }; socket.onmessage = function(event) { // 消息接收事件处理 }; socket.onclose = function(event) { // 连接关闭事件处理 }; function sendMessage() { var message = document.getElementById("message").value; socket.send(message); document.getElementById("message").value = ""; } </script> </head> <body> <input type="text" id="message" placeholder="输入消息" /> <button onclick="sendMessage()">发送</button> </body> </html> ``` 5. 运行应用程序: 启动Spring Boot应用程序,访问前端页面,然后尝试发送消息和接收消息。 以上是一个简单的Spring Boot实现WebSocket聊天室的步骤。你可以根据需要进行扩展和定制。希望能帮到你!如果你还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值