如何优雅的部署前后端项目？部署作为项目上线中的一道重要工序，随着CI/CD技术的成熟和兴起，正在变得越来越高频。这部分工

前言

部署作为项目上线中的一道重要工序，随着CI/CD技术的成熟和兴起，正在变得越来越高频。这部分工作在一些大点的公司通常是由专门的运维工程狮或者项目主管负责。但是作为向往全栈实际全干的本狮来说，这方面的工作自然是少不了的啦！但是CI/CD那一套目前还没完全掌握(Tips: 哪位大佬要是会的话，希望互相交流一下。)那么问题来了：如何在不会CI/CD的情况下，优雅而快速的部署我们的前后端项目呢？下面我来讲讲我目前在用的一套方案，可能不是最好的，但也是我目前能总结出来的最好的方案了，如有纰漏欢迎斧正！

工具选择

VS Code
Alibaba Cloud Toolkit(插件，支持VSCode、IDEA、WebStrom等)
宝塔

项目技术

这套方案基本适用于各种前后端项目

部署流程

因为我日常开发主要使用Vuejs技术栈，所以这里就以Vue项目为案例介绍，其他项目流程也是一样的。

搭建环境

1. 首先，本地电脑需要安装VS Code

我日常开发用的是这个，你们就用自己最适合的编辑器就行

2. 在VS Code中安装Alibaba Cloud Toolkit插件

这个插件本质就是FTP+SSH服务，不过配置好可以简化流程就是了

3. 服务器需要安装宝塔系统

BT主要是为了项目管理方便，如果CentOS操作足够6的话，不安也没事

前端部署实操

1. 配置`Alibaba Cloud Toolkit`

Alibaba-cloud-toolkit配置

2. 配置`Alibaba Cloud Toolkit`的`Deployments`

配置Alibaba Cloud Toolkit的Deployments

3. 如何添加Shell脚本

添加Shell脚本

4. 上面配置好后，以后想打包只需要点击运行Deployments中配置好的脚本即可

点击运行Deployments

点击运行Deployments输出

你以为到这里就结束了？No! No! No! 全栈（干）工程狮是不会止步于此滴！因为这才是真正的打工人！

后端部署实操

后端的开发工具IDEA也支持Alibaba Cloud Toolkit插件，配置一模一样，就不赘述了，不会的直接Google一下。下面重点说一下怎么利用Shell脚本来提高我们运行、停止、日志查看的操作

1. 配置Shell脚本`eladmin`

#!/bin/bash
# 把本脚本文件命名为你项目名，放在/root/bin目录下，则可以直接通过 项目名 [start|stop|restart|status|log]

# 这里可以替换为你项目的根目录
ROOT_PATH="/www/wwwroot/eladmin"
# 这里可替换为你自己的执行程序，其他代码无需更改
APP_NAME=eladmin-system-2.6.jar
# 这里可以替换为你想要输出的运行日志文件名
LOG_OUT=nohup.out

# 使用说明，用来提示输入参数
usage() {
	echo "Usage: sh 脚本名.sh [start|stop|restart|status|log]"
	echo "Tips: 把此脚本件命名为项目名[tip: eladmin ]，放在/root/bin目录下，则可以直接通过 项目名[eladmin] [start|stop|restart|status|log]"
	exit 1
}

# 检查程序是否运行
is_exist() {
	PID=`ps -ef | grep $APP_NAME | grep -v grep | awk '{print $2}' `
	# 如果不存在则返回1，存在返回0
	if [ -z "${PID}" ]; then
		return 1
	else
		return 0
	fi
}

# 启动方法
start() {
	is_exist
	if [ $? -eq "0" ]; then
		echo "${APP_NAME} is already running. PID=${PID} ."
	else
		nohup java -jar $ROOT_PATH/$APP_NAME > $ROOT_PATH/$LOG_OUT 2>&1 &
		echo "${APP_NAME} start successful!"
	fi
}
# 停止方法
stop() {
	is_exist
	if [ $? -eq "0" ]; then
		kill -9 $PID
	else
		echo "${APP_NAME} is not running."
	fi
}
# 输出运行状态
status() {
	is_exist
	if [ $? -eq "0" ]; then
		echo "${APP_NAME} is running. PID is ${PID}"
	else
		echo "${APP_NAME} is NOT running."
	fi
}
# 输出运行日志
log() {
	is_exist
	if [ $? -eq "0" ]; then
		tail -f $ROOT_PATH/$LOG_OUT
	else
		echo "${APP_NAME} is NOT running."
	fi
}
# 重启
restart() {
	stop
	start
}
# 根据输入参数选择对应方法执行，不输入则执行使用说明
case "$1" in
	"start")
		start
		;;
	"stop")
		stop
		;;
	"status")
		status
		;;
	"log")
		log
		;;
	"restart")
		restart
		;;
	*)
		usage
		;;
esac