若依前后端分离项目部署

该篇文章是若依前后端分离项目部署，可以先从前面的

此处为语雀内容卡片，点击链接查看：https://www.yuque.com/xihuanxiaorang/kgmgfz/sx568u

文章开始。

1、安装redis

1、搜索redis镜像

docker search redis

img

2、拉取最新版本的redis镜像

docker pull redis:latest

img

3、查看镜像

docker images

img

4、启动镜像

docker run -itd --name redis -p 6379:6379 redis

使用docker ps查看正在运行的容器

img

5、进入redis容器

docker exec -it redis /bin/bash
redis-cli

img

6、使用AnotherRedisDestopManager连接redis

如果连接报错，请确保服务器的安全组中开启6379端口。

img

img

2、安装nodejs

1、进入官网下载最新的nodejs

img

2、下载完之后通过xftp上传压缩包到服务器

img

3、解压并移动文件夹到/data/service目录

tar -zxvf node-v14.15.5-linux-x64.tar.gz
mv node-v14.15.5-linux-x64 /data/service
cd /data/service
ll

img

4、配置环境变量

vim /etc/profile
export NODEJS_HOME=/data/service/node-v14.15.5-linux-x64
export PATH=$PATH:$NODEJS_HOME/bin

使环境变量生效

source /etc/profile

检查是否配置成功

node -v

img

5、设置npm镜像源

#设置淘宝镜像源
npm config set registry https://registry.npm.taobao.org
#升级npm
npm -g install npm
#查看npm配置
npm config list

img

6、安装yarn以及设置镜像源

#安装yarn
npm install -g yarn
#查看版本号
yarn -v
#设置淘宝镜像源
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
#查看yarn配置
yarn config list

img

3、安装nginx

1、进入官网下载最新的稳定版ngnix

img

2、下载完之后通过xftp上传压缩包到服务器

img

3、解压编译安装nginx

首先安装依赖

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel
cd /data/tmp
tar zxvf nginx-1.18.0.tar.gz
cd nginx-1.18.0
./configure --prefix=/data/service/ngnix
make && make install

4、启动ngnix

#启动ngnix
/data/service/ngnix/sbin/nginx
#停止ngnix
/data/service/ngnix/sbin/nginx -s quit
#重启ngnix
/data/service/ngnix/sbin/nginx -s reload

如果访问不成功，请确保服务器的安全组中开启80端口。

img

img

4、运行项目准备

1、拉取代码

cd /data/gitee
git clone git@gitee.com:y_project/RuoYi-Vue.git

img

2、创建数据库以及数据库表

使用navicat连接，创建数据库 ry-vue 以及执行 quartz.sql 和 ry_20210210.sql 脚本。

img

img

img

img

3、修改项目配置

cd /data/gitee/RuoYi-Vue/ruoyi-admin/src/main/resources/
#修改application.yml的项目启动端口号与文件上传路径
vim application.yml
#修改application-druid.yml的数据源
vim application-druid.yml
profile: /data/tmp
port: 18081

img

# 主库数据源
master:
	url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
	username: root
	password: 123456

img

4、将项目打成jar包

cd /data/gitee/RuoYi-Vue/
mvn clean install -pl com.ruoyi:ruoyi-admin -am

5、启动后端项目

mkdir -p /data/app/ruoyi-vue
cp /data/gitee/RuoYi-Vue/ruoyi-admin/target/ruoyi-admin.jar /data/app/ruoyi-vue/ruoyi-admin.jar
cd /data/app/ruoyi-vue/
#后台启动项目
nohup java -jar ruoyi-admin.jar &
#查看项目运行日志
tail -f nohup.out

如果查看日志的时候，出现18081端口被使用，则表示还有其他应用占用了该端口，关闭应用之后再重新启动即可。

#列出后台进程
ps -ef | grep java
#杀死进程
kill -9 pid

img

6、启动前端项目

1、下载依赖并打包

cd /data/gitee/RuoYi-Vue/ruoyi-ui
#下载依赖
yarn install
# 打包正式环境
yarn run build:prod

mkdir /data/app/ruoyi-ui
mv dist/* /data/app/ruoyi-ui/

img

2、配置ngnix配置文件

vim /data/service/ngnix/conf/nginx.conf
location / {
  root   /data/app/ruoyi-ui;
  try_files $uri $uri/ /index.html;
  index index.html index.htm;
}
       
location /prod-api/ {
  proxy_set_header Host $http_host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header REMOTE-HOST $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_pass http://localhost:18081/;
}

3、访问项目

img

posted @ 2021-10-13 17:20  喜欢小让  阅读(3065)  评论(0)  编辑  收藏  举报