背景
公司的前端項目部署方式比較簡單，整個過程基本上是手動的；
目標
通過工具實現以下幾個任務：
技術方案
步驟
步驟一：搭建 Jenkins
搭建 Jenkins 有很多方案，這里選擇使用 docker 搭建。
docker-compose.yml 的內容如下：
version: '3'services: fejenkins: user: root image: jenkinsci/blueocean ports: - "8080:8080" - "50000:50000" volumes: - /data/jenkins_home:/var/jenkins_home - /data/nm_cache:/var/nm_cache - /var/run/docker.sock:/var/run/docker.sock
通過 docker-compose up 命令啟動；啟動后通過初始密碼進行第一個用戶的創建和 Jenkins 初始化的一些列操作，初始密碼會打印在 jenkins docker 啟動命令行的輸出中，注意查看。
當然也可以不使用 docker-compose：
docker run --rm -u root -v /data/jenkins_home:/var/jenkins_home -v /data/nm_cache:/var/nm_cache -v /var/run/docker.sock:/var/run/docker.sock -p 8080:8080 -p 50000:50000 jenkinsci/blueocean
稍做解釋：
步驟二：配置 Jenkins
添加 Credentials
通過 Jenkins 進行 git 操作需要對應 git repo 的權限，這里需要用到有 git repo 權限的密鑰文件。同樣，通過 Jenkins 將編譯產物 scp 到服務器上的時候，也需要服務器的密鑰文件。
這兩類密鑰文件需要配置在 Jenkins 中，在：Jenkins > Credentials > System > Global credentials (unrestricted) 里進行 Add Credentials 的操作。
添加 Jenkins Item
Jenkins > New Item，然后選擇 Pipeline，在下面的 Pipeline 配置區域的 Definition 中選擇 Pipeline script，Script 如下：
pipeline { environment { SERVER_IP_1 = "11.22.33.44" SERVER_CREDENTIALSID = "abcd1234-abcd-abcd-abcd-abcd1234abcd" SERVER_DEPLOY_DIR = "/your/www/path/" CACHE_DIR = "/var/nm_cache/your_project_name/" GIT_URL = "git@github.com:example/example.git" GIT_BRANCH = "master" GIT_CREDENTIALSID = "abcd1234-abcd-abcd-abcd-abcd1234abcd" } agent none stages { stage('Checkout code') { agent any steps { git ( branch: "${GIT_BRANCH}", credentialsId: "${GIT_CREDENTIALSID}", url: "${GIT_URL}", changelog: true ) sh ''' ls -al cache_dir="${CACHE_DIR}" cache_nm="${CACHE_DIR}node_modules" cache_lock="${CACHE_DIR}yarn.lock" if [ ! -d "$cache_dir" ]; then mkdir ${cache_dir}; fi if [ ! -d "$cache_nm" ]; then mkdir ${cache_nm}; fi if [ -d "$cache_nm" ]; then ln -sf ${cache_nm} ./; fi if [ -f "$cache_lock" ]; then mv -n ${cache_lock} .; fi ls -al ''' } } stage('Build') { agent { docker { image 'node:8-alpine' args '' } } steps { sh ''' npm config set registry https://registry.npm.taobao.org yarn install yarn build tar -cvf build.tar build ls -al mv ./yarn.lock ${CACHE_DIR} rm -rf ./node_modules ls -al ''' archiveArtifacts artifacts: 'build.tar', fingerprint: true } } stage('Deploy') { agent any steps { unarchive mapping: ['build.tar': 'build.tar'] echo '--- Deploy ---' sshagent(["${SERVER_CREDENTIALSID}"]) { sh "scp -o StrictHostKeyChecking=no build.tar root@${SERVER_IP_1}:${SERVER_DEPLOY_DIR}" sh "ssh -o StrictHostKeyChecking=no root@${SERVER_IP_1} /"rm -rf ${SERVER_DEPLOY_DIR}build; tar -xvf ${SERVER_DEPLOY_DIR}build.tar -C ${SERVER_DEPLOY_DIR}/"" } } } }}稍做解釋：
這個部署腳本分為三個步驟：
在 Build 階段前后，我們各做了一些工作，以求每次部署可以復用 node_modules，因為下載 node_modules 的時間可能很長，而并不是每次都會修改 package.json，所以其實 node_modules 大概率可以復用；
編譯前：
編譯后：
這里使用了 yarn install 的某些特性：
使用
編譯和部署
編譯和部署直接點擊 Build Now 即可；
回滾
回滾的本質其實是：重新部署某個歷史版本。在 Build History 找到想要重新部署的版本，點擊 Restart from Stage，在新頁面中選擇 Stage Name 為 Deploy。
其他
若是想要進入 docker container 交互，可以通過以下命令
docker exec -i -t [dockername] /bin/bash
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
