基于Docker、Nginx和Jenkins實現前端自動化部署,前端服務器自動化部署Docker、Nginx和Jenkins

2026-04-26 云知道自動化部署

目錄

前期準備
部署目標
Dcoker環境的搭建
- 連接云服務器
安裝Docker環境
Docker安裝Docker Compose
Docker安裝Nginx和Jenkins服務
- 安裝Nginx和Jenkins
Nginx和Jenkins目錄編寫
docker-compose.yml文件配置
nginx.conf文件配置
安裝Jenkins插件
關聯Jenkins和GitLab
- 生成密鑰
新建項目
源碼管理
構建觸發器
結束語

前期準備

基于CentOS 7系統云服務器一臺。
基于Vue-CLI的項目部署在GitLab之上。

部署目標搭建Docker+Nginx+Jenkins環境，用于實現前端自動化部署的流程。具體的實現效果為開發人員在本地開發，push提交代碼到指定分支，自動觸發Jenkins進行持續集成和自動化部署 ?？梢栽O置在部署完成后通過郵件通知，部署的成功與否，成功后會將打包后的文件上傳到服務器，通過nginx反向代理展現頁面，失敗則會打印相關的錯誤日志。

友情提示：盡量選擇阿里云或者騰訊云服務器，其他服務器部署時可能會出現Jenkins無法正常啟動！

Dcoker環境的搭建
連接云服務器可以選擇阿里云或者騰訊云提供的在線終端（有時會卡），但是推薦使用本地電腦進行連接。在終端輸入連接命令：
ssh root@你的服務器公網地址之后輸入云服務器密碼，命令顯示結果如下：

基于Docker、Nginx和Jenkins實現前端自動化部署,前端服務器自動化部署Docker、Nginx和Jenkins

Docker有兩個分支版本：Docker CE和Docker EE，即社區版和企業版。本教程基于CentOS 7安裝Docker CE 。

安裝Docker環境1、安裝Docker的依賴庫。
yum install -y yum-utils device-mapper-persistent-data lvm22、添加Docker CE的軟件源信息。
sudo yum-config-manager --add-repo \ https://download.docker.com/linux/centos/docker-ce.repo3、安裝Docker CE 。
sudo yum install docker-ce4、啟動Docker服務。
sudo systemctl enable docker // 設置開機自啟sudo systemctl start docker //啟動docker
Docker安裝Docker ComposeDocker Compose是用于定義和運行多容器Docker應用程序的工具。通過Compose，您可以使用YML文件來配置應用程序需要的所有服務。然后，使用一個命令，就可以從YML文件配置中創建并啟動所有服務。下載docker-compose：
sudo curl -L "https://github.com/docker/compose/releases/download/1.24.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose安裝完成后提升權限：
sudo chmod +x /usr/local/bin/docker-compose輸入docker-compose -v顯示如下頁面：

基于Docker、Nginx和Jenkins實現前端自動化部署,前端服務器自動化部署Docker、Nginx和Jenkins

Docker安裝Nginx和Jenkins服務
安裝Nginx和JenkinsDocker鏡像拉取Nginx和Jenkins環境命令如下：
docker pull nginxdocker pull jenkins/jenkins:lts 安裝完成后執行docker images可以清晰的看到當前Docker下存在的鏡像。
docker images

基于Docker、Nginx和Jenkins實現前端自動化部署,前端服務器自動化部署Docker、Nginx和Jenkins

Nginx和Jenkins目錄編寫為了便于管理，在Docker下我們將Nginx和Jenkins聚集到一個文件目錄之中。目錄結構如下：

推薦閱讀

上一篇：沒有了

下一篇：新華保險E寶通功用