React 前端导航

webchat 基于websocket 在线即时通信对话软件项目本地启动指南

前期准备工作

基础环境依赖:jdk1.8、maven

软件包/中间件:

(1)项目本地启动IDE使用IntelliJ IDEA

(2)本地需要安装MySQL数据库,最好在有个navicate客户端

(3)本地需要安装redis服务

安装过程这里就不给展开写了,根据自己的电脑操作系统和型号,下载安装对应软件安装包即可。

一、项目导入IDE

下载项目包后,会拿到一个webchat产品包.zip的压缩文件,解压后里面有两个文件,一个作者微信二维码,有问题可添加好友联系;另外有一个webchat的项目包;

file_08d11a26df3c4085b4c48747d20dccfd.png


 

打开本地IDEA,导入webchat项目工程包:

file_e5167c2f8f6742feb2726548f541a868.png


 

选择项目工程包,点击右下角open按钮:

file_588d4cd391974468ac8516c1315f2ccd.png


 

选择Trust Project:

file_5d753b271dc044c28228e40b56991aaa.png


 

导入成功:

file_49f1b0fb524149aaa11ee546329d271c.png


 

二、数据库连接及SQL脚本准备

2.1数据库连接配置信息修改

打开 src/main/resource/application-dev.yml配置文件,修改MySQL的连接信息,主机账号和密码:

file_a82e795740a54a52be4321180db4ce20.png


 

2.2 导入sql脚本

打开mysql客户端,本地新建数据库webchat,打开项目工程下的sql文件夹/wenchat.sql,导入sql脚本:

file_4f7bcf70c9074145990a8cdfe18aa7e8.png


 

file_e2cb8eaad52842ea87d2e4e77dbd72bf.png


 

关于初始化管理员账号密码需要注意事项:

sql脚本中初始化了一条管理员账号/密码:admin/admin(2023-12-08 23:10分之后下载的包是这个密码,在此之前的密码尴尬,我忘记当时是用啥加密的了)

如果是旧版本的小伙伴有两种初始化管理员账号的解决方案:

1、自己注册个账号,数据库中手动修改role_code字段的值为2(2代表管理员角色)

2、删除之前初始化的那个条admin账号,执行下方脚本重新插入一条(这条密码也是admin):

INSERT INTO `webchat`.`web_chat_user` (`USER_ID`, `USER_NAME`, `PHOTO`, `MOBILE`, `PASSWORD`, `STATUS`, `ROLE_CODE`,
                              `CREATE_BY`, `CREATE_DATE`, `UPDATE_BY`, `UPDATE_DATE`, `VERSION`) VALUES
    ('U_770cce9f632543588b4e8aa6ec43e6a2', '管理员', 'https://coderutil.oss-cn-beijing.aliyuncs.com/avatar/13.png',
     'admin', '06525f4969c6cf1886ee0db86bef82df', 1, 2, 'U_770cce9f632543588b4e8aa6ec43e6a2',
     '2022-03-12 05:55:26', NULL, '2022-03-22 10:28:38', 1);

三、启动redis服务

进入到redis安装包下,这里因为大家安装的路径都不一样,我以自己的为例:

cd /usr/local/redis-7.0.4/src/
./redis-server

启动成功:

file_b8d37136e0f8420399e0b62e556678c3.png


 

 

四、启动项目

好了,所有准备工作做完了,可以愉快的启动项目了:

执行启动类:

file_fb4b0abe6a5c4c90bd3e9850e2addf5e.png


 

启动成功:

file_dfe9ba8eec0140ac9d1594f9fca8bfa3.png


 

然后打开浏览器访问:http://localhost:8101

file_45308dac929242ad80ef7442692cbfb2.png


 

*******本地端口修改须知*******

因为作者本地项目比较多,避免冲突,webchat端口用的8101,如果你想要修改为8080或者其他端口,需要注意改两个地方:

1、修改服务端应用端口:

file_f53178cc6b274d5f8cd0411fbe0f3d5e.png

2、同步修改前端js文件中websocket连接端口

file_92867d5390064b4c9f677d0bc0696108.png

项目比较简单,也比较急,所有代码中肯定有很多槽点,希望大家理解,但还是希望可以真正对有需要的小伙伴启动一点帮助作用,哪怕只有一丢丢~~

声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。邮箱:farmerlzj@163.com。 本站原创内容未经允许不得转载,或转载时需注明出处: 内容转载自: React前端网:https://qianduan.shop/blogs/detail/241

#webchat#websocket#即时通信