前后端项目部署方案汇总
Vue项目
1、本地打包部署
# 本地打包部署到线上服务器
npm run build && \
rsync -r ./dist/* root@127.0.0.1:/www/www.demo.com/www
2、服务器端打包部署
步骤
拉取代码 -> 安装依赖 -> 打包编译 -> 拷贝到运行目录 -> 发送成功消息
shell命令
cd /www/www.demo.com/www && \
git pull && \
export PATH="/usr/local/node-v16.20.2/bin:$PATH" && \
pnpm i --no-frozen-lockfile --registry=https://registry.npmmirror.com && \
npm run build && \
mkdir -p www && \
/usr/bin/cp -R ./dist/* ./wwwif [ $? -eq 0 ]; then# 部署完成curl -H "Content-Type:application/json" -X POST -d '{"to": ["123456@qq.com"], "subject": "【Runner】部署完成", "body": "部署完成 https://www.demo.com/"}' http://127.0.0.1:8080/sendEmail
else# 部署失败curl -H "Content-Type:application/json" -X POST -d '{"to": ["123456@qq.com"], "subject": "【Runner】部署失败", "body": "部署失败 https://www.demo.com"}' http://127.0.0.1:8080/sendEmail
fi
Nuxt项目
supervisor配置文件
[program:demo-www]
environment=NODE_MODE=alpha
directory=/data/wwwroot/www.demo.com
command=/usr/local/node-v16.20.2/bin/node node_modules/nuxt/bin/nuxt.js start
user=www
stdout_logfile_maxbytes=1MB
stdout_logfile_backups=1
stderr_logfile_maxbytes=1MB
stderr_logfile_backups=1
stopasgroup=true
killasgroup=trueJava项目
本地打包部署脚本
#!/bin/bash
# 打包脚本
mvn clean package -P prod && \
rsync -rtvz --progress ./target/dist/demo-api/* root@127.0.0.1:/data/wwwroot/www.demo.com/www && \
ssh root@127.0.0.1 '/data/wwwroot/www.demo.com/www && /usr/bin/supervisorctl restart demo-api'if [ $? -eq 0 ]; thenecho 'success'
elseecho 'error'
fi
supervisor配置文件
[program:demo-api]
directory=/data/wwwroot/www.demo.com/www
command=/usr/bin/java -jar ./demo-api.jar --spring.profiles.active=pro
user=www
stdout_logfile_maxbytes=1MB
stdout_logfile_backups=1
stderr_logfile_maxbytes=1MB
stderr_logfile_backups=1