【微服務部署】Jenkins一鍵打包部署NodeJS（Vue）步驟詳解
作者：AI全棧程序猿
Nginx安裝也有多種方式，源碼安裝、yum安裝、Docker安裝等，安裝并不復雜，我們這里采用Docker安裝的方式，由于習慣于標準化及存檔，方便在不同服務器部署相同的環境，我們這里使用了Docker Compose來定義Nginx容器配置信息。
??Nginx安裝也有多種方式，源碼安裝、yum安裝、Docker安裝等，安裝并不復雜，我們這里采用Docker安裝的方式，由于習慣于標準化及存檔，方便在不同服務器部署相同的環境，我們這里使用了Docker Compose來定義Nginx容器配置信息。
??Docker及Docker Compose安裝配置，前面有詳細介紹，這里不再贅述，以下是Nginx容器的Docker Compose定義文件內容：
version: '3'
services:
##nginx配置
nginx:
image: nginx:latest
restart: always
container_name: nginx
environment:
- TZ=Asia/Shanghai
ports:
#端口映射，前面是宿主機端口，后面是服務端口
- 80:80
- 443:443
volumes:
- /data/container/nginx/html:/nginx/html
- /data/container/nginx/www:/var/www
- /data/container/nginx/logs:/var/log/nginx
- /data/container/nginx/etc:/etc/nginx
- /data/container/nginx/etc/nginx.conf:/etc/nginx/nginx.conf
- "/etc/localtime:/etc/localtime"
- "/usr/share/zoneinfo/Asia/Shanghai:/etc/timezone"
#若用到ssl，可以引入
- /bxl/container/nginx/ssl:/nginx/ssl部分參數說明：
ports：端口映射，前面是宿主機端口，后面是容器內部服務端口
volumes：目錄映射，前面是宿主機目錄，后面是容器內部目錄
2. 部署及備份目錄準備
- 新建 /opt/tmp 目錄，用于Jenkins打包后，通過 Publish Over SSH插件將包傳輸到服務器的臨時目錄（如果前面創建過，這里無需再創建）。
- 新建 /opt/bak 目錄，用于存儲所有部署過的包備份，方便后續版本回滾。此目錄可能會占用很大空間，所以需要選擇一個磁盤空間大的掛載目錄（如果前面創建過，這里無需再創建）。
- 新建 /opt/script 目錄，用于Jenkins將包傳輸完成之后，執行安裝、備份操作的相關命令腳本（如果前面創建過，這里無需再創建）。
- 新建 /data/container/nginx/html，用與存放發布后的靜態頁面。
- 新建 /data/container/nginx/www，映射Nginx容器內的/var/www目錄。
- 新建 /data/container/nginx/logs，映射Nginx容器內的/var/log/nginx目錄，存放nginx運行日志。
- 新建 /data/container/nginx/etc，映射Nginx容器內的/etc/nginx目錄
- 新建 /data/container/nginx/etc/nginx.conf，映射Nginx容器內的/etc/nginx/nginx.conf配置文件
- 新建 /bxl/container/nginx/ssl，映射Nginx容器內的/nginx/ssl目錄
mkdir -p /opt/tmp /opt/bak /opt/script /data/container/nginx/html /data/container/nginx/www /data/container/nginx/logs /data/container/nginx/etc /bxl/container/nginx/ssl
chmod -R 777 /opt/tmp /opt/bak /opt/script /data/container/nginx/html /data/container/nginx/www /data/container/nginx/logs /data/container/nginx/etc /bxl/container/nginx/sslserver {
listen 80;
server_name 域名;
gzip on;
gzip_buffers 32 4K;
gzip_comp_level 6;
gzip_min_length 100;
gzip_types application/javascript text/css text/xml text/plain application/x-javascript image/jpeg image/gif image/png;
gzip_disable "MSIE [1-6]\.";
gzip_vary on;
#charset koi8-r;
access_log /var/log/nginx/portal.access.log main;
location / {
root /nginx/html/gitegg_portal;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /gitegg-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://172.17.0.1:8080/;
}
}4. 部署腳本編寫說明
- 定義入參，可以通過Jenkins任務將參數傳入腳本中，我們定義了下面2個參數：project_name="portal" ： 服務名稱portal_home="/data/container/nginx/html" ： 靜態頁面路徑
- 對參數進行檢查，是否未傳入參數，這里根據自己的實際情況判斷，比如必須傳入哪些參數，就設置參數的個數不能小于幾。
#param validate
if [ $# -lt 1 ]; then
echo "you must use like this : ./publish_portal.sh <project_namename> [portal home dir]"
exit
fi- 入參賦值，如果有參數傳入，則取服務參數，如果沒有參數傳入則取默認值
if [ "$1" != "" ]; then
project_name="$1"
fi
if [ "$2" != "" ]; then
portal_home="$2"
fi- 刪除原部署的靜態文件，解壓當前發布包
# 刪除
rm -rf "$portal_home"/index.html "$portal_home"/favicon.ico "$portal_home"/_app.config.js "$portal_home"/logo.png "$portal_home"/resource/ "$portal_home"/assets/
# 解壓
cd /opt/tmp/portal
tar -zxvf portal.tar.gz- 備份當前發布的靜態文件包
#bak project_name
BAK_DIR=/opt/bak/portal/$project_name/`date +%Y%m%d`
mkdir -p "$BAK_DIR"
cp /opt/tmp/portal/portal.tar.gz "$BAK_DIR"/"$project_name"_`date +%H%M%S`.tar.gz
#remove tmp
rm -rf portal.tar.gz- 將解壓的靜態文件copy到Nginx目錄下
#copy portal code
cp -r * "$portal_home"- 刪除臨時文件
#remove tmp
rm -rf index.html favicon.ico _app.config.js logo.png resource assets- 打印執行完成的命令
echo "Portal is starting,please try to access $project_name conslone url"- 完整的安裝部署腳本
project_name="portal"
portal_home="/data/container/nginx/html"
#param validate
if [ $# -lt 1 ]; then
echo "you must use like this : ./publish_portal.sh <project_namename> [portal home dir]"
exit
fi
if [ "$1" != "" ]; then
project_name="$1"
fi
if [ "$2" != "" ]; then
portal_home="$2"
fi
echo "portal code copy"
#publish project_name
echo "$project_name publishing"
rm -rf "$portal_home"/index.html "$portal_home"/favicon.ico "$portal_home"/_app.config.js "$portal_home"/logo.png "$portal_home"/resource/ "$portal_home"/assets/
cd /opt/tmp/portal
tar -zxvf portal.tar.gz
#bak project_name
BAK_DIR=/opt/bak/portal/$project_name/`date +%Y%m%d`
mkdir -p "$BAK_DIR"
cp /opt/tmp/portal/portal.tar.gz "$BAK_DIR"/"$project_name"_`date +%H%M%S`.tar.gz
#remove tmp
rm -rf portal.tar.gz
#copy portal code
cp -r * "$portal_home"
#remove tmp
rm -rf index.html favicon.ico _app.config.js logo.png resource assets
#start portal
echo "Portal is starting,please try to access $project_name conslone url"- 將部署腳本上傳到服務器的/opt/script目錄下，并賦予可執行權限
chmod 755 publish_portal.sh
2. 項目配置，進入到任務配置頁
- 丟棄舊的構建 ：這里在保持構建的最大個數填寫5，當然可以根據自己情況填寫，否則舊的構建包會一直存在占用磁盤空間。
- 源碼管理：配置git代碼地址、用戶名密碼和版本分支，如果是需要用戶名密碼的git庫，那么下面需要選擇訪問的用戶名密碼，這里一定要使用用戶名密碼方式，使用token的方式無法選中?？梢栽谙路絘dd，也可以在Jenkins全局Credentials 中添加，方便其它任務使用。
- 構建觸發器：可選可不選，這個根據自己的需求選擇，任務在什么情況下出發構建。
- 構建環境：這里選擇Provide Node & npm bin/ folder to PATH，選擇我們在系統配置中配置的Node版本。
- Build Steps：選擇執行shell，在shell窗口中輸入需要執行的打包命令。
- shell腳本完整內容：
echo $PATH
node -v
pnpm -v
pnpm install
pnpm run build
cd dist
rm -rf portal.tar.gz
tar -zcvf portal.tar.gz *
cd ../- 構建后操作：選擇構建后將包發送到服務器
- Post Steps：將打包后的文件發送到服務器，并執行設置好的腳本，這里選擇Run only if build succeeds，當構建成功時Post。
- Exec command：將打好的包發布到環境之后，在環境上執行的部署腳本命令。/opt/script/publish_portal.sh 是腳本文件、portal 是項目名稱、/data/container/portal 是前端代碼存放路徑。
/opt/script/publish_portal.sh portal /data/container/portal
3. 運行構建任務
- 立即構建
- 查看構建日志：點擊立即構建之后，下方會出現進度條，點擊進度條就可以進入構建日志界面。
4. 構建成功后，下方會給出構建成功提示，此時登錄遠程服務器查看文件是否部署成功即可。
責任編輯：武曉燕
來源：
今日頭條
