CentOS7部署AQChat匿名在线群聊系统

最近看到了项目作者发了个新的开源项目，好奇的进去看了下是一款匿名的在线群聊系统，打开网页不需要登陆，只需要创建或者加入已有的群聊里面就能聊天，在里面谁也不知道谁是谁。
看了项目的部署文档部分，写了跟没写一样，我就自己动手部署了一遍，有一说一，这玩意儿在没文档的情况下部署真的很考验技能，要没点项目功底，这玩意儿没文档真搞不起来。

一、系统环境

1、CentOS7
2、Redis7.2.5 点击这里redis官网下载
3、Mysql8.x
4、RocketMQ 点击这里RocketMQ官网下载
5、JDK17 点击这里JDK17官网下载
6、maven 点击这里Maven官网下载
7、Nodejs16.20.2（Linux版本）点击这里Nodejs官网下载
8、Nodejs18.14.2（Windows版本） 点击这里Nodejs官网下载
9、Python3.12.3（Windows版本） 点击这里Python官网下载
10、Nginx1.26 点击这里Nginx官网下载
11、HBuild 点击这里HBuild官网下载
12、node-sass 点击这里node-sass官网下载
13、后端项目地址： 点击这里后端项目地址
14、前端项目地址： 点击这里获取前端项目地址
15、移动端项目地址： 点击这里获取移动端项目地址

二、部署步骤

I. 环境部署

1、安装配置Redis

yum -y install wget git
wget https://github.com/redis/redis/archive/refs/tags/7.2.5.tar.gz  
tar -zxvf 7.2.5.tar.gz
cd redis-7.2.5
make && make install PREFIX=/usr/local/redis
mkdir -p /usr/local/redis/etc
cp redis.conf /usr/local/redis/etc

2、安装配置mysql8.x

参考这个文档来部署和配置  
https://daishenghui.club/2022/11/11/categories/Linux/CentOS7%E5%9C%A8%E7%BA%BF%E5%AE%89%E8%A3%85%E5%B9%B6%E9%85%8D%E7%BD%AEMysql8-x/

3、安装RocketMQ

wget https://dist.apache.org/repos/dist/release/rocketmq/5.2.0/rocketmq-all-5.2.0-bin-release.zip  
unzip rocketmq-all-5.2.0-bin-release.zip

如果提示找不到unzip命令的话，安装下unzip再执行解压就行了
yum -y install unzip

mv rocketmq-all-5.2.0-bin-release /usr/local/rocketmq

这样就部署好了，不用配置

4、安装JDK17

wget https://download.oracle.com/java/17/latest/jdk-17_linux-x64_bin.tar.gz  
tar -zxvf jdk-17_linux-x64_bin.tar.gz  
mv jdk-17.0.11 /usr/local/jdk

4.2、配置profile

vi /etc/profile

拉到最底下，在

done

unset i
unset -f pathmunge

上添加下面的代码

JAVA_HOME=/usr/local/jdk
CLASSPATH=/$JAVA_HOME/lib/
PATH=$PATH:$JAVA_HOME/bin
export PATH JAVA_HOME CLASSPATH

如下图所示

5、安装Maven

wget https://dlcdn.apache.org/maven/maven-3/3.8.8/binaries/apache-maven-3.8.8-bin.tar.gz  
tar -zxvf pache-maven-3.8.8-bin.tar.gz  
mv apache-maven-3.8.8 /usr/local/maven

5.2、配置profile

vi /etc/profile

拉到最底下，在

done

unset i
unset -f pathmunge

上添加下面的代码

MAVEN_HOME=/usr/local/maven/
PATH=$MAVEN_HOME/bin:$PATH
export MAVEN_HOME PATH

如下图所示

6、安装nodejs

wget https://nodejs.org/dist/v16.20.2/node-v16.20.2-linux-x64.tar.xz  
tar -xvf node-v16.20.2-linux-x64.tar.xz
mv node-v16.20.2-linux-x64 /usr/local/node

6.2、配置profile

vi /etc/profile

拉到最底下，在

done

unset i
unset -f pathmunge

上添加下面的代码

export NODE_HOME=/usr/local/node
export PATH=$PATH:$NODE_HOME/bin

source下让配置生效

source /etc/profile

如下图所示

7、安装配置nginx

安装参考这个文档  
https://daishenghui.club/2022/11/15/categories/Linux/CentOS7%E7%BC%96%E8%AF%91%E5%AE%89%E8%A3%85nginx/  

7.2、配置nginx

mkdir -p /usr/local/nginx/conf/v_hosts
vi /usr/local/nginx/conf/nginx.conf

worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

 include /usr/local/nginx/conf/v_hosts/*.conf;

}

vi /usr/local/nginx/conf/v_hosts/aq.conf

server {
      listen 80;
      server_name 192.168.163.130;
      access_log /usr/local/nginx/logs/aq_access.log;
      error_log /usr/local/nginx/logs/aq_error.log;

      location / {
                root /www/dist;
                index index.html index.htm;
                try_files $uri $uri/ /index.html;
              }

      location /mobiles {
                root /www;
                try_files $uri $uri/ /index.html;
                index index.html index.htm;
              }
}

II. 编译前后端

1、编译后端

git clone https://gitee.com/howcode/aq-chat-server.git
vi /root/aq-chat-server/aq-chat-im-src/main/resources/application.yml
然后把数据库的账号密码修改下，改成你自己设置的，改完后保存并退出

进入mysql创建一个数据库并导入sql脚本数据  
mysql -u root -p  
然后输入数据库密码并按回车  

create database aqchat;    //创建一个叫做aqchat的数据库。  
use aqchat;     //进入创建的aqchat数据库。  
source /root/aq-chat-server/sql/aqchat.sql;     //导入sql脚本数据。

注意了，这里要开始编译了  
cd /root/aq-chat-server/
mvn clean package -Dmaven.test.skip=true

2、编译前端

mkdir -p /www
git clone https://gitee.com/howcode/aq-chat.git
cd /root/aq-chat/
vi .env.production
把VITE_SOCKET_API=后面的IP改成你自己本机IP或者域名

注意了，这里开始编译了  
npm config set strict-ssl false  
npm install --registry=https://registry.npmmirror.com  
npm run build  
mv dist /www

3、编译移动端

3.1、安装nodejs18.14.2

下载18.14.2然后双击安装即可。

3.2、安装python3.12.3

下载python3.12.3然后双击安装即可。

3.3、安装HBuild

下载HBuild的zip包，解压，找到HBuild.exe，双击打开即可。

3.4、下载安装node-sass模块

下载node-sass模块，我是windows10下编译的，node版本是18.14.2，所以要对应release中的8.0.0的win32-x64-108_binding.node文件
https://github.com/sass/node-sass/releases/download/v8.0.0/win32-x64-108_binding.node

3.5、开始编译安装

c:  
cd C:\Users\admin\Desktop\  
git clone https://gitee.com/ghosthhf/aqchat-mobile.git  
cd aqchat-mobile  
npm config set strict-ssl false  
npm install node-sass --sass-binary-path="C:\Users\admin\Desktop\win32-x64-108_binding.node" -D  
npm install

• 打开HBuild导入项目

先修改.env.production文件将VITE_SOCKET_API=后面的IP改成你自己本机IP或者域名，然后ctrl+s保存

ctrl+s保存

• 安装HBuild的node-sass和dart-sass插件

打开https://ext.dcloud.net.cn/plugin?id=2046和https://ext.dcloud.net.cn/plugin?id=5701    
点击 下载插件并导入HBuildX  

• 发布web网页

选中左侧的 App.vue  
点击菜单栏中的Build——>Web(for uni-app only)——>Build进行发布。

然后将 C:\Users\admin\Desktop\aqchat-mobile\unpackage\dist\build下的web文件夹丢到服务器的/www/目录下并将名字改为mobiles

III. 启动服务

1、启动rocketMQ

cd /usr/local/rocketmq/bin  
./mqnamesrv &  
./mqbroker -c /usr/local/rocketmq/conf/broker.conf -n 0.0.0.0:9876 &  

2、启动redis

/usr/local/redis/bin/redis-server /usr/local/redis/etc/redis.conf &

3、启动nginx

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

4、启动后端服务

cd /root/aq-chat-server/aq-chat-im/target
nohup java -jar aq-chat-im-docker.jar &

5、效果图

三、 总结

经过上面的步骤，这个服务就算部署好了，通过访问服务器IP或者域名就能开始使用，大致步骤就是安装部署rocketmq、redis、mysql、nginx等服务，然后编译、启动后端，用nginx做反向代理对外提供服务

四、 微信扫一扫关注我吧