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

centos7:jenkins+nodejs前端自動化部署

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

系統(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í)行

jenkins離線部署:

????????https://mirrors.tuna.tsinghua.edu.cn/jenkins/redhat

清華大學(xué)的開源鏡像站,可在鏈接前方加wget,下載對應(yīng)版本的rpm包,離線環(huán)境可以下載好后上傳至服務(wù)器,用rpm -ivh rpm文件的命令部署,這里只是提供一個離線安裝的方式。

jenkins聯(lián)網(wǎng)部署:

下載jenkins的yum源文件:

wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo?--no-check-certificate

導(dǎo)入key:

rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key

yum install fontconfig java-11-openjdk -y

jenkins最新版本需要java11支持,如果系統(tǒng)有jdk8建議先卸載。

安裝好jdk后java -version看看版本是否正確

yum install jenkins

jenkins安裝好后建議修改jenkins默認(rèn)端口和用戶:

需要改兩個地方:(最好把jenkins用戶改成root,以免后面出現(xiàn)權(quán)限問題)

vim /etc/sysconfig/jenkins

vim?/usr/lib/systemd/system/jenkins.service

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

啟動jenkins:/etc/init.d/jenkins start? 或者systemctl start jenkins

瀏覽器輸入ip+端口訪問jenkins,參照提示安裝,查看服務(wù)器key,輸入登錄,注冊一個管理員賬戶,安裝推薦插件,這些不詳細(xì)說明,網(wǎng)上搜一大把

jenkins登錄進(jìn)去后點(diǎn)擊系統(tǒng)管理,看看是否是最新版本,盡量更新到最新版本,因?yàn)橛行┎寮枰甙姹静拍苁褂?,而jenkins插件之間的依賴很強(qiáng),如果一些插件不能用,會導(dǎo)致其他插件無法下載的情況,如果上面有項(xiàng)目,更新插件還會導(dǎo)致項(xiàng)目丟失,或者異常,所以如果是生產(chǎn)的jenkins,一定要備份jenkins部署目錄下的plugins目錄還有jobs目錄。

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

下載插件時如果提示google代理問題,無法下載,網(wǎng)上搜教程處理,jenkins這點(diǎn)挺麻煩的,用的google源,可以按照網(wǎng)上教程處理,也可以將其他服務(wù)器上的jenkins目錄下的plugins目錄拷貝過來替換,plugins目錄是jenkins的插件目錄,不推薦手動上傳插件,麻煩,當(dāng)然有耐心也可以這么操作。

安裝Publish Over SSH插件

這個是配置ssh使用,因?yàn)榍岸税渴鹪诜?wù)器上,需要遠(yuǎn)程到前端服務(wù)器上部署前端包

Dashboard > 系統(tǒng)管理 > 全局工具配置

出現(xiàn)這個說明插件安裝好了

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

選擇nodeJS版本,要和jenkins的部署服務(wù)器上的nodejs版本一致才行

nodejs安裝:yum install nodejs? npm -y (在jenkins服務(wù)器上安裝)

配置ssh,這個是前端要發(fā)布的包所在的服務(wù)器

name:隨便填,好記就行

hostname:要遠(yuǎn)程的服務(wù)器

username:希望以什么用戶登錄

Remote Directory:前端包發(fā)布目錄,可以點(diǎn)?號看詳細(xì)介紹

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

?新建項(xiàng)目:取個名:voms-web,這個根據(jù)自己的需要創(chuàng)建

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

?進(jìn)入項(xiàng)目配置:

?配置git倉庫,這個是前端存放代碼的地址,需要你的jenkins服務(wù)器能訪問這個地址,

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

點(diǎn)添加,添加訪問git地址的憑據(jù),然后應(yīng)用保存

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

?這個是git里面的分支jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

?構(gòu)建環(huán)境選擇之前在系統(tǒng)配置里面生成的node版本,其他默認(rèn),如果構(gòu)建環(huán)境里面沒有這些功能,網(wǎng)上搜對應(yīng)的插件安裝。jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

講講思路:前端將代碼提交到git后,在jenkins上執(zhí)行立即構(gòu)建,會將代碼拉到工作空間內(nèi),這個工作空間對應(yīng)的目錄是在jenkins服務(wù)器目錄下的/var/lib/jenkins/workspace/目錄下

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

這個是目錄結(jié)構(gòu),

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

node_models目錄:插件依賴目錄,執(zhí)行npm install時生成

dist目錄:構(gòu)建目錄,執(zhí)行 npm run build時生成

接下來就是腳本執(zhí)行了,

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

?cd到工作空間的項(xiàng)目目錄下,刪除舊的打包文件,刪除node_modules插件依賴。

-g 全局參數(shù)

--registry? 設(shè)置淘寶源,不加這個參數(shù)容易出問題

yarn install? 下載? 這一步會生成node_modeles目錄

vite build? ?打包,這一步后會生成dist目錄

zip? -vr dist.zip? dist? ?這一步是將dist目錄打包成zip文件,方便等會上傳到服務(wù)器上

接下來就是將打好的包上傳到前端服務(wù)器上部署了

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

這個是前面弄的ssh,直接選擇要ssh的服務(wù)器

?Transfer Set Source files:這個意思是要上傳的文件,就是剛剛打包好的dist.zip

?這個是要執(zhí)行的腳本,還是cd到目錄下,用tar -zcvf命令打包,然后mv到備份目錄backup下,沒有目錄就創(chuàng)建一個目錄,unzip -o dist.zip 解壓,解壓后刪除文件

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

到這里基本就完成了,然后就是測試腳本是否能正常執(zhí)行。

到這里就是成功了,如果中間有什么報錯,根據(jù)報錯問題處理即可,基本都是些node版本不一致的情況,可網(wǎng)上搜索處理。

jenkins nodejs 多版本,jenkins,自動化,運(yùn)維,前端,nodejs

原創(chuàng)文章,轉(zhuǎn)載請注明出處。文章來源地址http://www.zghlxwxcb.cn/news/detail-773214.html

到了這里,關(guān)于centos7:jenkins+nodejs前端自動化部署的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • Docker + Jenkins + Nginx實(shí)現(xiàn)前端自動化部署

    Docker + Jenkins + Nginx實(shí)現(xiàn)前端自動化部署

    文章有點(diǎn)長,如果你是以學(xué)習(xí)的態(tài)度來看這篇文章,建議收藏起來慢慢看。 前端自動化部署一直以來概念很清楚知道怎么回事,但是其中怎么操作沒怎么研究過,雖然之前環(huán)境都搭起來了,但是也只是Jenkins構(gòu)建項(xiàng)目成功,比如提交代碼之后怎么觸發(fā)自動構(gòu)建,打包后的文件

    2024年02月05日
    瀏覽(22)
  • Jenkins自動化構(gòu)建部署前端項(xiàng)目(Linux+gitee)

    Jenkins自動化構(gòu)建部署前端項(xiàng)目(Linux+gitee)

    本文講述了Jenkins自動化構(gòu)建部署前端項(xiàng)目,內(nèi)容包括Linux系統(tǒng)安裝Jenkins、如何配置構(gòu)建項(xiàng)目并發(fā)布到目標(biāo)服務(wù)器。 因公司系統(tǒng)項(xiàng)目眾多,前端項(xiàng)目打包麻煩,項(xiàng)目代碼管理混亂,因此需要gitee+Jenkins做自動化構(gòu)建,優(yōu)化項(xiàng)目打包流程及代碼管理。 本次教程可實(shí)現(xiàn)最簡單的自動

    2024年02月03日
    瀏覽(27)
  • 前端項(xiàng)目打包和自動化部署(jenkins+gitee+nginx)

    前端項(xiàng)目打包和自動化部署(jenkins+gitee+nginx)

    1. 傳統(tǒng)的開發(fā)模式 在傳統(tǒng)的開發(fā)模式中,開發(fā)的整個過程是按部就班就行: 但是這種模式存在很大的弊端: 工作的不協(xié)調(diào):開發(fā)人員在開發(fā)階段,測試和運(yùn)維人員其實(shí)是處于等待的狀態(tài)。等到測試階段,開發(fā)人員等待測試反饋bug,也會處于等待狀態(tài)。 線上bug的隱患:項(xiàng)目準(zhǔn)

    2024年02月01日
    瀏覽(25)
  • DevOps—基于 Jenkins 構(gòu)建 Vue 前端工程自動化流程

    DevOps—基于 Jenkins 構(gòu)建 Vue 前端工程自動化流程

    一個完整的生產(chǎn)環(huán)境的 CI/CD 流程,往往會包括以下這些階段: 編碼 → 提交 → 構(gòu)建 → 測試 → 交付 → 部署 這里只是演示,就省略了測試相關(guān)階段,只包含提交、構(gòu)建、發(fā)布、部署,一個簡單的流程如下: vue 應(yīng)用構(gòu)建依賴于 Nodejs,需要在 Jenkins 上安裝 Nodejs 插件,并且進(jìn)

    2024年02月15日
    瀏覽(24)
  • Jenkins+GitLab+Docker搭建前端自動化構(gòu)建鏡像容器部署

    Jenkins+GitLab+Docker搭建前端自動化構(gòu)建鏡像容器部署

    前言 ?? 需提前安裝環(huán)境及知識點(diǎn): 1、Docker搭建及基礎(chǔ)操作 2、DockerFile文件描述 3、Jenkins搭建及基礎(chǔ)點(diǎn) ?? 目的: 將我們的前端項(xiàng)目打包成一個鏡像容器并自動發(fā)布部署,可供隨時pull訪問 1、在當(dāng)前項(xiàng)目的根目錄創(chuàng)建Dockerfile文件并寫入如下代碼: 代碼片段詳細(xì)描述: 注意

    2024年02月05日
    瀏覽(25)
  • centos安裝Jenkins并拉取git遠(yuǎn)程倉庫的代碼進(jìn)行自動化構(gòu)建部署

    centos安裝Jenkins并拉取git遠(yuǎn)程倉庫的代碼進(jìn)行自動化構(gòu)建部署

    在linux上安裝jenkins的前提條件是已經(jīng)安裝了jdk、maven、git 這里是在centos上直接安裝openjdk11 查看是否安裝成功 安裝好后,看下版本 首先下載maven安裝文件,此處我選擇的版本是3.6.3,下載地址, 下載后上傳到服務(wù)器目錄/usr/local目錄下 修改目錄名稱為maven3, 所以服務(wù)器中maven的

    2024年02月04日
    瀏覽(24)
  • Centos7.9寶塔搭建Hexo博客,實(shí)現(xiàn)本地一鍵自動化部署到服務(wù)器

    Centos7.9寶塔搭建Hexo博客,實(shí)現(xiàn)本地一鍵自動化部署到服務(wù)器

    有問題可以留言相互討論 ,我的hexo博客地址,請勿頻繁訪問或者攻擊,僅供學(xué)習(xí)和參考。 用于存放下載的git包 會顯示一堆.o類型的文件,表示正在從源碼編譯。 未顯示錯誤直接跳到“ 安裝 ”步驟 如果出現(xiàn)錯誤collect2: error: ld returned 1 exit status. 原因是gcc版本較低所致,與所

    2024年02月06日
    瀏覽(46)
  • Jenkins+GitLab+Docker搭建前端自動化構(gòu)建鏡像容器部署(無本地證書,映射證書)

    Jenkins+GitLab+Docker搭建前端自動化構(gòu)建鏡像容器部署(無本地證書,映射證書)

    前言 ?? 需提前安裝環(huán)境及知識點(diǎn): 1、Docker搭建及基礎(chǔ)操作 2、DockerFile文件描述 3、Jenkins搭建及基礎(chǔ)點(diǎn) ?? 目的: 將我們的前端項(xiàng)目打包成一個鏡像容器并自動發(fā)布部署,可供隨時pull訪問 1、在當(dāng)前項(xiàng)目的根目錄創(chuàng)建Dockerfile文件并寫入如下代碼: 代碼片段詳細(xì)描述: 注意

    2024年02月15日
    瀏覽(23)
  • .NET Core部署到linux(CentOS)最全解決方案,入魔篇(使用Docker+Jenkins實(shí)現(xiàn)持續(xù)集成、自動化部署)

    .NET Core部署到linux(CentOS)最全解決方案,入魔篇(使用Docker+Jenkins實(shí)現(xiàn)持續(xù)集成、自動化部署)

    通過前面三篇: .NET Core部署到linux(CentOS)最全解決方案,常規(guī)篇 .NET Core部署到linux(CentOS)最全解決方案,進(jìn)階篇(Supervisor+Nginx) .NET Core部署到linux(CentOS)最全解決方案,高階篇(Docker+Nginx 或 Jexus) 通過前面三篇文章的介紹,我們已經(jīng)對.net core多方案部署到linux下有了非常全面的認(rèn)識

    2024年02月02日
    瀏覽(50)
  • Gitlab自動觸發(fā)jenkins完成自動化構(gòu)建
jenkins

    Gitlab自動觸發(fā)jenkins完成自動化構(gòu)建 jenkins

    ?首先安裝gitlab插件,我已經(jīng)安裝過了,首次請?jiān)?可選插件 中進(jìn)行搜索。 ? 進(jìn)入項(xiàng)目配置--構(gòu)建觸發(fā)器: Build when a change is pushed to GitLab. GitLab webhook URL: 請復(fù)制此處的URL,后續(xù)有用。 ?然后點(diǎn)擊高級 ? “Allowed branches”觸發(fā)分支可以用默認(rèn)的全部分支,也可以選擇僅由指定名

    2024年02月16日
    瀏覽(31)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包