国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

前端項目自動化部署

2年前作者：@SCY分類：Toy博客閱讀(21)違法舉報

這篇具有很好參考價值的文章主要介紹了前端項目自動化部署。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

一、Git倉庫管理項目二、購買云服務(wù)器三、搭建服務(wù)器環(huán)境（重點）四、Jenkins進行自動化部署（重點）

提示：本地項目自動化部署流程，如下圖

前端自動化部署,自動化,jenkins,git

一、Git倉庫管理項目

Git的安裝和配置在這里就不做說明了

1、首先在Git倉庫中創(chuàng)建一個倉庫，用來保存本地項目，這里使用Gitee

前端自動化部署,自動化,jenkins,git ?

2、按照上圖指示，在本地項目的目錄下使用終端將項目push到Git倉庫中，如下：

前端自動化部署,自動化,jenkins,git

二、購買云服務(wù)器

至于服務(wù)器使用阿里云、騰訊云、華為云等都可以，看自己的需求，以阿里云為例，要提前注冊阿里云賬號

1、來到控制臺

? 前端自動化部署,自動化,jenkins,git

2、創(chuàng)建實例選擇類型和配置，根據(jù)個人需求來

前端自動化部署,自動化,jenkins,git

? 前端自動化部署,自動化,jenkins,git

?3、配置網(wǎng)絡(luò)安全組

這一步在配置安全組事，除了默認的訪問端口，另要放開8080端口，jenkins默認訪問8080端口

前端自動化部署,自動化,jenkins,git

?4、確認訂單創(chuàng)建實例

三、搭建服務(wù)器環(huán)境

先啟動服務(wù)器并進行遠程連接

? 前端自動化部署,自動化,jenkins,git

1、Jenkins安裝和配置

????????1.1 安裝Java環(huán)境：Jenkins本身是依賴Java的，所以我們需要先安裝Java環(huán)境

? ? ? ? a、首先查看dnf軟件倉庫有哪些Java版本，這里安裝Java17版本

dnf search java
dnf install java-17-openjdk

? ? ? ? ?1.2 安裝Jenkins

? ? ? ? ? a、Jenkins本身是沒有在dnf的軟件倉庫包中的，所以我們需要連接Jenkins倉庫

#wget是Linux中下載文件的一個工具，-O表示輸出到某個文件夾并且命名為什么文件；
#rpm：全稱為The RPM Package Manage，是Linux下一個軟件包管理器；
wget –O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo 

#導入GPG密鑰以確保您的軟件合法
rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key
 
#或者
rpm --import http://pkg.jenkins-ci.org/redhat/jenkins-ci.org.key

????????b、編輯一下文件 /etc/yum.repos.d/jenkins.repo?

????????在服務(wù)器終端，通過vim編輯：

? ? ? ? （1）vi /etc/yum.repos.d/jenkins.repo ，將下面內(nèi)容復(fù)制進去

? ? ? ? （2）按i 進行編輯，按esc退出編輯

? ? ? ? （3）:wq保存并且退出

[jenkins]
name=Jenkins-stable 
baseurl=http://pkg.jenkins.io/redhat 
gpgcheck=1

????????c、安裝Jenkins，并啟動Jenkins

#安裝
dnf install jenkins

#啟動Jenkins服務(wù)
systemctl start jenkins #啟動
systemctl status jenkins #查看狀態(tài)
systemctl enablej enkins #開機自啟動

? ? ? ? 1.3 配置Jenkins

? ? ? ? Jenkins默認使用的用戶是jenkins，而我們是root用戶，導致我們可能在Jenkins中構(gòu)建時沒有訪問服務(wù)器中文件夾的權(quán)限，需進行修改

? ? ? ? 有三種方法，建議從上往下試，不同環(huán)境解決方法不同

? ? ? （1）修改/etc/sysconfig/jenkins中的JENKINS_UER="jenkins"為"root"

? ? ? ? ? ? ? ?服務(wù)器終端：vi?/etc/sysconfig/jenkins? ? ? ? ? ? ? ? ? 前端自動化部署,自動化,jenkins,git

????????（2）將Jenkins添加到root組中：sudo usermod -a -G root jenkins

????????（3）給Jenkins目錄權(quán)限：sudo chown -R jenkins /XXX/XXX

? ? ? ? ? ? ? ? 注意：是自己在服務(wù)器中創(chuàng)建的文件夾，我在root目錄下創(chuàng)建mall_cms文件夾，下面有

????????????????我這里是：sudo chown -R jenkins /root/mall_cms

? ? ? ? ? ?配置完需要重啟Jenkins

2、Nginx安裝和配置

? ? ?2.1 安裝nginx，啟動nginx

#安裝
dnf install nginx

#啟動
systemctl start nginx #啟動
systemctl status nginx #查看狀態(tài)
systemctl enable nginx #開機自啟動

? ? ? 2.2 配置nginx的默認用戶和訪問目錄，首先需要創(chuàng)建目錄用來存放項目打包文件

? ? ? ? ? ? ?例如：mkdir mall_cms 在root文件夾下創(chuàng)建mall_cms文件夾

? ? ? ? ? ? ?配置用戶和訪問目錄，服務(wù)器終端：vi?/etc/nginx/nginx.conf?

????????? ?? 前端自動化部署,自動化,jenkins,git

server {
        listen       80;#Nginx默認端口，根據(jù)需要改為自己的
        listen       [::]:80;
        server_name  _;
        # root         /usr/share/nginx/html;
        
        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;
        location / {
            root /root/mall_cms;#訪問創(chuàng)建目錄
            index index.html;#訪問打包文件的index.html
        }

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }

3、安裝Git，在jenkins中進行構(gòu)建時，需要使用Git連接Git倉庫

dnf install git

四、Jenkins進行自動化部署

????????登錄Jenkins進行配置和部署，訪問地址：服務(wù)器IP地址:8080 (注：Jenkins默認訪問端口為8080)

1、瀏覽器登錄，首次需要在服務(wù)器終端輸入下面命令，獲取管理員密碼，然后安裝推薦的插件

cat /var/lib/jenkins/secrets/initialAdminPassword

2、首次需要搭建node環(huán)境

? ? ? ? 2.1 安裝node：Manage Jenkins>Manage Plugins>Available plugins,搜索nodeJs，然后進行安裝,選擇安裝后重啟Jenkins

? ? ? ? 2.2 配置node：系統(tǒng)管理>全局工具配置>NodeJs,盡量選擇穩(wěn)定的node版本，這里選擇16.18.1版本

前端自動化部署,自動化,jenkins,git

?3、新建任務(wù)?，進行任務(wù)配置? ??

????????3.1創(chuàng)建

前端自動化部署,自動化,jenkins,git

????????

????????3.2 General

前端自動化部署,自動化,jenkins,git

????????3.3 源碼管理

前端自動化部署,自動化,jenkins,git

?????????3.4 構(gòu)建觸發(fā)器前端自動化部署,自動化,jenkins,git

定時構(gòu)建說明：

#定時字符串從左往右分別是：分 時 日 月 周
#每半小時構(gòu)建一次OR每半小時檢查一次遠程代碼分支，有更新則構(gòu)建
H/30 * * * *
#每兩小時構(gòu)建一次OR每兩小時檢查一次遠程代碼分支，有更新則構(gòu)建
H H/2 * * *
#每天凌晨兩點定時構(gòu)建
H 2 * * *
#每月15號執(zhí)行構(gòu)建
H H 15 * *
#工作日，上午9點整執(zhí)行
H 9 * * 1-5 
#每周1,3,5，從8:30開始，截止19:30，每4小時30分構(gòu)建一次
H/30 8-20/4 * * 1,3,5

????????3.5 構(gòu)建環(huán)境前端自動化部署,自動化,jenkins,git

?????????

????????3.6 構(gòu)建步驟>執(zhí)行shell 前端自動化部署,自動化,jenkins,git

腳本說明：

pwd 
node -v #查看Node的版本等是否有問題
npm -v 
npm install #安裝依賴
npm run build #項目打包  注：此處我在項目配置文件設(shè)置的打包路徑是/dist
pwd 
echo '構(gòu)建成功'
ls 

#刪除/root/mall_cms文件夾里所有的內(nèi)容
rm -rf /root/mall_cms/*

#將打包的dist文件夾內(nèi)容移動到mall_cms文件夾  注：./dist目錄下存放打包后的文件
cp -rf ./dist/* /root/mall_cms/

?4、項目構(gòu)建

前端自動化部署,自動化,jenkins,git

5、客戶端進行訪問

? ? ? ? 在瀏覽器中，輸入服務(wù)器IP地址或者服務(wù)器IP地址:80（nginx中已設(shè)置默認訪問80端口），就可以在客戶端訪問部署在服務(wù)器的項目了文章來源地址http://www.zghlxwxcb.cn/news/detail-610336.html

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

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔相關(guān)法律責任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

Docker + Jenkins + Nginx實現(xiàn)前端自動化部署
文章有點長，如果你是以學習的態(tài)度來看這篇文章，建議收藏起來慢慢看。前端自動化部署一直以來概念很清楚知道怎么回事，但是其中怎么操作沒怎么研究過，雖然之前環(huán)境都搭起來了，但是也只是Jenkins構(gòu)建項目成功，比如提交代碼之后怎么觸發(fā)自動構(gòu)建，打包后的文件
2024年02月05日
瀏覽(22)
centos7:jenkins+nodejs前端自動化部署
系統(tǒng):centos7 nodejs版本：v16.18.1? ?npm版本：8.19.2 由于centos7最大只支持16.18.1版本，盡量讓前端寫代碼時使用這個版本，linux系統(tǒng)如果要裝高版本的node需要安裝glibc庫，很危險，盡量不要操作。 jenkins版本：推薦最新版，yum安裝，不用docker安裝，原因是npm命令在容器內(nèi)無法有效執(zhí)
2024年02月03日
瀏覽(27)
php項目自動化部署 —— Jenkins
1.地址：Java Downloads | Oracle?因為我是在本地安裝jenkins，這里用到的是java11-windows 2.安裝JDK，并配置環(huán)境變量，csdn教程有很多 1.jenkins.msi 地址：Jenkins download and deployment，雙擊安裝（傻瓜式） 2.安裝完成以后，瀏覽器并打開地址：localhost:8080 3.按照提示的路徑輸入密碼 4.選擇安
2024年02月10日
瀏覽(30)
【OpenSSH+Jenkins搭建項目自動化部署】
https://github.com/PowerShell/Win32-0penSSH/releases 下載最新的 OpenSSH安裝包，如:openSSH-Win64.zip 將壓縮包解壓到 C:Program FilesOpenSSH 管理員運行cmd 進入目錄C:Program FilesOpenSSH 執(zhí)行命令管理員運行cmd 進入目錄C:Program FilesOpenSSH 執(zhí)行命令在當前用戶的文件夾下會生成一對秘鑰將文件名
2024年02月22日
瀏覽(49)
Jenkins+GitLab+Docker搭建前端自動化構(gòu)建鏡像容器部署
前言 ?? 需提前安裝環(huán)境及知識點： 1、Docker搭建及基礎(chǔ)操作 2、DockerFile文件描述 3、Jenkins搭建及基礎(chǔ)點 ?? 目的：將我們的前端項目打包成一個鏡像容器并自動發(fā)布部署，可供隨時pull訪問 1、在當前項目的根目錄創(chuàng)建Dockerfile文件并寫入如下代碼：代碼片段詳細描述：注意
2024年02月05日
瀏覽(24)
Jenkins+Docker 實現(xiàn)一鍵自動化部署項目
1.安裝Jenkins 注：因為Jenkins容器里的用戶是Jenkins，而主機用戶不是Jenkins，就算是root也一樣會報錯：/var/jenkins_home/copy_reference_file.log: Permission denied，這個時候就需要在主機上面給主機地址賦予訪問Jenkins容器的權(quán)限，Jenkins內(nèi)部用的是uid 1000的user。 -privileged=true讓容器具有root權(quán)限
2024年02月16日
瀏覽(31)
docker+jenkins自動化部署springboot項目
阿里云服務(wù)器1核2GB java 1.8.0._371 maven apache-maven3.8.8 git 1.8.3.1 docker和jenkins在一臺服務(wù)器上，環(huán)境的配置，對于java和maven可以自己下載對應(yīng)tar包進行配置，記得配置環(huán)境，也可以使用yum進行安裝。記得配置/etc/profile后source一下: source /etc/profile Maven記得修改鏡像！??！在本地創(chuàng)建
2024年02月03日
瀏覽(33)
Jenkins結(jié)合gitee自動化部署SpringBoot項目
安裝教程 Gitee Plugin 源碼管理填寫源碼地址注意：請確保genkins所在的服務(wù)器有權(quán)限git拉取遠程倉庫代碼，如果不可以請參考ssh配置 centos 配置ssh拉取遠程git代碼源碼管理構(gòu)建觸發(fā)器 1.勾選Gitee webhook 觸發(fā)構(gòu)建 2.生成webhook密碼構(gòu)建觸發(fā)器 ? 3.在gitee項目管理中配置webhook git
2024年02月08日
瀏覽(38)
Docker + Jenkins 自動化部署若依項目
前言對著此文章操作之前，確保服務(wù)器上的Java環(huán)境(JDK、MySQL、Redis、Jenkins以及Linux安裝Maven)已經(jīng)裝好，如果沒有裝好，參考我之前的文章。注意：如果服務(wù)器上自己裝的又 Nginx ，需要手動停了，要不會導致80端口被占用 1：首先，到若依官網(wǎng)拉去若依分離版項目 2：拉完之后
2024年04月16日
瀏覽(39)
Jenkins + Gitlab 實現(xiàn)項目自動化構(gòu)建及部署
? 通俗來講就是本地項目 push 到 gitlab 后, Jenkins 能夠識別到項目的更新并自動構(gòu)建部署; ?本文以實際操作的方式來表述詳細配置過程及避開配置 Jenkins 時的坑. 默認電腦已經(jīng)安裝了虛擬機, 默認gitlab 上已經(jīng)有了你想要部署的項目, 部署了 maven 和 jdk 并配置了環(huán)境變量!!! 1 執(zhí)行
2024年02月16日
瀏覽(24)