1、Jenkins簡介

Jenkins是開源CI&CD軟件領導者， 提供超過1000個插件來支持構建、部署、自動化， 滿足任何項目的需要。

2、Jenkins安裝

這里是使用docker-compose安裝Jenkins，所以需要先安裝docker和docker-compose

2.1、docker安裝

在安裝前檢查是否有安裝gcc和gcc-c++

安裝軟件包
yum install -y yum-utils

設置阿里云鏡像倉庫
yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

更新軟件包索引
yum makecache fast

安裝docker
yum -y install docker-ce docker-ce-cli containerd.io

啟動docker
systemctl start docker

開機啟動docker
systemctl enable docker

查看版本號
docker version

2.2、docker-compose安裝

安裝：
curl -L "https://github.com/docker/compose/releases/download/v2.12.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

分配權限
chmod +x /usr/local/bin/docker-compose

查看版本
docker-compose --version

2.3、Jenkins安裝

創(chuàng)建docker-compose.yaml文件

version: "3"

services:
  jenkins:
    container_name: jenkins
    image: jenkins/jenkins:lts
    user: root
    privileged: true
    restart: always
    ports:
      - 8082:8080
      - 50000:50000
    volumes:
      - ./jenkins-data:/var/jenkins_home
      - /var/run/docker.sock:/var/run/docker.sock
      - /usr/bin/docker:/usr/bin/docker
      - /usr/lib/x86_64-linux-gnu/libltdl.so.7:/usr/lib/x86_64-linux-gnu/libltdl.so.7
    networks:
      jenkins-network:
        ipv4_address: 192.168.24.3

networks:
  jenkins-network:
    driver: bridge
    ipam:
      config:
        - subnet: 192.168.24.0/24
    name: jenkins-network

創(chuàng)建好docker-compose.yaml文件后，放到指定目錄下，然后進入指定目錄執(zhí)行docker-compose up -d命令，-d：表示在后臺運行docker容器，待容器成功啟動就可以訪問Jenkins，訪問：http://ip:port/
如：http://192.168.99.226:8082/

初次訪問界面

安裝Jenkins的提示的目錄下找到密鑰，然后復制到此處

選擇安裝推薦的插件，選后會自動安裝相關的插件，之后等待安裝完成即可。

按提示創(chuàng)建管理員賬號、密碼

管理員賬號創(chuàng)建好，即可登錄Jenkins，成功登錄后Jenkins也安裝完成。

3、創(chuàng)建Vue自動化部署任務

在創(chuàng)建任務前我們需要安裝兩個插件，分別是nodejs plugin和Publish Over SSH這兩個插件

3.1、nodejs全局配置

點擊Global Tool Configuration，進去后找到nodejs

點擊nodejs安裝

3.2、Publish Over SSH配置遠程服務器

在Configure System中找到Publish over SSH

在上圖中并沒有看到用戶密碼設置，別急，點擊高級，勾選Use password authentication, or use a different key，想要訪問到遠程服務器有兩種方式，第一種方式是使用密碼，第二種使用密鑰；這里使用的是第一種方式。

3.3、創(chuàng)建任務

3.4、任務配置

任務創(chuàng)建好后，需要配置git、遠程服務器等相關配置

3.4.1、配置git

如果沒有選擇倉庫賬號和密碼，會提示無權限訪問倉庫地址，點擊添加，可設置倉庫賬號米。

3.4.2、構建環(huán)境配置

下圖是關于MyNpmrcConfig文件配置方法，點擊Manage files

點擊add a new config，找到npm的配置選項，選中后點擊下一步

下一步進去，進行配置即可。我這里是配置了阿里云npm鏡像
registry = https://registry.npm.taobao.org

配置好后，點擊提交。

3.4.3、Build Steps配置

Build Steps主要講目標文件推送到遠程服務器相關的配置

上述配置好后就開始可以進行構建項目。

3.4.5、立即構建

測試拉去項目，提示Finished: SUCCESS說明拉取成功。

進入jenkins工作目錄可以看到拉取下來的項目，如圖：

測試執(zhí)行npm install

配置好后執(zhí)行立即構建

構建成功后，查看是否有node_modules

測試執(zhí)行npm run build

rm -rf ./dist
npm run build
tar -zcvf ./sh-vue.tar.gz ./dist

到此整個項目的自動化構建完成，執(zhí)行立即構建即可。

文章來源地址http://www.zghlxwxcb.cn/news/detail-735039.html

到了這里，關于使用Jenkins自動部署vue項目的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！