SpringBoot整合websocket 客服在线聊天
田振*
shuafen520
项目描述
SpringBoot框架整合websocket,实现客服聊天功能,
后端代码,客服端/用户端html界面,无需注册,聊天记录redis保存
文末附原码可下载,修改配置后直接可用
上传时间
2023.04.14
浏览人数
918人
田振*
天津市河东区
Hot:2410
介绍
WebSocket 客服系统, 是基于SpringBoot框架 开发的web客服即时通讯系统,方便根据企业需求快速内嵌至自己的web项目中,通过简单的配置,能够帮助企业与用户进行直接沟通,无需用户注册/下载客户端/APP等,即点即用,满足用户快速了解产品/公司/品牌等需求,简便高效.
主要功能
1.实现企业客服与用户的web实时通信,1对多聊天
2.聊天记录通过redis保存近7天聊天记录,可升级至redis/sql保存
3.客服未在线email提醒功能
运行环境及框架：
java jdk8
Maven 版本3.6.0
Redis 版本 5.0
如需Sql功能,自行安装
线上环境按需配置,不在这里赘述
<!--redis技术依赖-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-redis</artifactId>
</dependency>
<!--websocket依赖-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
<!-- JSON -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.41</version>
</dependency>
<!-- NanoId(Java版本)-->
<dependency>
<groupId>com.aventrix.jnanoid</groupId>
<artifactId>jnanoid</artifactId>
<version>2.0.0</version>
</dependency>
<!--邮箱依赖,同时需要thymeleaf-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-mail</artifactId>
</dependency>
<!--模板引擎-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<!--热加载-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
<scope>true</scope>
</dependency>
<!--以下为Sql升级功能-->
<!--mybatis技术依赖-->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.0.0</version>
</dependency>
<!--mysql连接依赖-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.34</version>
<scope>runtime</scope>
</dependency>
客服端:
用户端:
邮件提醒:
源码下载:
配置流程:
1.项目拉下来
2.修改maven路径
3.检查Redis配置
4.检查mail配置
5.打开resources/templates/client-server.html(客服端)
需要修改下划线部分 382行: let BASE_URL = "127.0.0.1:8999/websocket/";
6.打开resources/templates/client-user.html(用户端)
需要修改下划线部分 395行: let BASE_URL = "127.0.0.1:8999/websocket/";
7.运行项目,测试
田振*
