成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

使用Jenkins持續(xù)集成前端項目并自動化部署到Nginx服務(wù)器

liukai90 / 3237人閱讀

摘要:上午折騰了一下持續(xù)集成,由于公司使用自己搭建的服務(wù)器來進行代碼管理,因此這里是針對服務(wù)器來進行的配置,后面稍微介紹了下針對管理的項目的配置之前項目每次修改之后都需要本地一次手動發(fā)布到服務(wù)器上方便測試和產(chǎn)品查看,有了持續(xù)集成之后只要或者提交之

上午折騰了一下Jenkins持續(xù)集成,由于公司使用自己搭建的svn服務(wù)器來進行代碼管理,因此這里Jenkins是針對svn服務(wù)器來進行的配置,后面稍微介紹了下針對Github管理的項目的Jenkins配置

之前項目每次修改之后都需要本地npm run build一次手動發(fā)布到服務(wù)器上方便測試和產(chǎn)品查看,有了Jenkins持續(xù)集成之后只要svn或者git提交之后就會自動打包,很方便,此次記錄以備后詢。

聲明:

后面的項目地址與打包地址都是使用em-mes,自行修改;

另外還有路徑等,根據(jù)自己情況自行修改;

1. 安裝 1.1 安裝Nginx

可以直接去官網(wǎng)下直接下載,解壓縮start nginx就可以使了,常用命令:

start nginx  # 啟動
nginx -s reload  # 修改配置后重新加載生效
nginx -s reopen  # 重新打開日志文件
nginx -t  # 配置文件檢測是否正確

教程網(wǎng)上不少,就不贅述了

1.2 安裝Jenkins

從官網(wǎng)下載文件安裝之后,我這里安裝到C:Jenkins,默認端口8080,這時候瀏覽器訪問localhost:8080就能訪問Jenkins首頁,這里注意如果不安裝到C盤根目錄有些插件安裝會出錯

這里會讓你去某個地方找一個初始密碼文件打開并填到下面的密碼框里,驗證成功之后進入頁面,選擇Install suggested plugins推介安裝的插件

插件都安裝完成之后進入用戶登錄界面,設(shè)定用戶名、密碼及郵箱。

然后提示 Jenkins is ready! → Start using Jenkins ~

注意這里因為要使用node的命令來執(zhí)行創(chuàng)建后操作,所以還需要安裝插件: NodeJS Plugin、Deploy to containerGithub、Post build task

這里順便記錄一下啟動和關(guān)閉Jenkins服務(wù)的命令行:

net start jenkins            // 啟動Jenkins服務(wù)
net stop jenkins             // 停止Jenkins服務(wù)
2. 創(chuàng)建svn項目的Jenkins任務(wù) 2.1 新建

左邊欄新建一個任務(wù),輸入一個任務(wù)名稱,這里隨便寫一個

2.2 配置 General

這里才是重頭戲,進入剛剛創(chuàng)建的任務(wù)的配置頁面的General

丟棄舊的構(gòu)建就是檢測到新的版本之后把舊版本的構(gòu)建刪除

源碼管理

這里采用的是svn來管理代碼,

構(gòu)建觸發(fā)器

這里的Poll SCM表示去檢測是否更新構(gòu)建的頻率,*****表示每分鐘,H****表示每小時

構(gòu)建
cd cd C:Jenkinsworkspaceem-mes
node -v
npm -v
cnpm i
npm run build
構(gòu)建后操作

安裝插件 Post build task 后,可以在 增加構(gòu)建后操作步驟中選擇 Post build task 選項,增加構(gòu)建后執(zhí)行的script,具體可以參考文章:jenkins部署maven項目構(gòu)建后部署前執(zhí)行shell腳本

我這里的 Log textBuild complete

Script:

rmdir /q/s C:
ginx-1.14.0htmlem-mes
xcopy /y/e/i C:Jenkinsworkspaceem-mesem-mes C:
ginx-1.14.0htmlem-mes

復(fù)制生成好的文件到Nginx的目錄下,路徑自行修改

3. 創(chuàng)建Github項目的Jenkins任務(wù)

Jenkins不僅可以持續(xù)集成svn項目,Git項目也是可以的,這里以Github上的項目為例

其他配置和上面一章一樣

這樣如果github有新的push請求,都會自動化部署到之前的服務(wù)器上,可以說很方便了

試一試

配置好了我們試一試吧~
在剛剛github項目中隨便commit一版到github

稍等片刻去本地Jenkins地址http://localhost:8080/job/vue-element-template/就能看到Jenkins已經(jīng)在構(gòu)建中了

50秒之后

構(gòu)建成功!構(gòu)建用時54秒,現(xiàn)在訪問本地地址http://localhost:8282/vue-element-template,已經(jīng)能看到編譯后的發(fā)布版本啦~如果你希望發(fā)布的是測試版本,可以自行修改構(gòu)建后操作的script


網(wǎng)上的帖子大多深淺不一,甚至有些前后矛盾,在下的文章都是學(xué)習(xí)過程中的總結(jié),如果發(fā)現(xiàn)錯誤,歡迎留言指出~

參考:

使用Jenkins自動編譯部署web應(yīng)用

Jenkins+github 前端自動化部署

配置Jenkins郵件通知

jenkins部署maven項目構(gòu)建后部署前執(zhí)行shell腳本

PS:歡迎大家關(guān)注我的公眾號【前端下午茶】,一起加油吧~

另外可以加入「前端下午茶交流群」微信群,長按識別下面二維碼即可加我好友,備注加群,我拉你入群~

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/39821.html

相關(guān)文章

  • DCOS應(yīng)用案例-不同場景的應(yīng)用上云遷移

    摘要:極大地降低了平臺的復(fù)雜度,更加方便企業(yè)開發(fā)人員實現(xiàn)各種業(yè)務(wù)應(yīng)用,幫助企業(yè)輕松打造基于云計算的軟件基礎(chǔ)設(shè)施。本文將從實際案例出發(fā),結(jié)合不同的使用場景,為各位介紹的這些特性。是未來數(shù)據(jù)中心操作系統(tǒng)的核心。 0.前言 隨著 Docker 技術(shù)的日漸火熱,本就火爆的云計算行業(yè)進入了一個加速階段。云計算最大的特點是彈性和靈活,幫助企業(yè)應(yīng)對復(fù)雜的業(yè)務(wù)需求。由于云計算的IT構(gòu)架和上一代的IT構(gòu)架有很...

    PumpkinDylan 評論0 收藏0
  • 使用Jenkins進行持續(xù)部署(PHP代碼)

    摘要:查看初始密碼,這里我們的容器是首次進入,需要先安裝插件,這里我們選擇手工的去選擇一些插件就行了,因為我們?nèi)绻皇羌傻脑捰貌涣硕嗌俨寮寮x擇我就不截圖說明了,和里面得插件可以先取消。 在docker項目中單機構(gòu)建jenkins使用gitlab的webhook對項目進行持續(xù)部署注意本次項目是php項目沒有build和test部分,至于test部分我們下一節(jié)進行,本次只是進行一個提交部署...

    fjcgreat 評論0 收藏0
  • 優(yōu)勢+工具+實踐=DevOps&Docker的企業(yè)級落地

    摘要:的設(shè)計模式的設(shè)計模式以持續(xù)集成持續(xù)測試持續(xù)交付和持續(xù)部署為中心,自動化協(xié)作和持續(xù)監(jiān)控是中使用的一些其他設(shè)計模式。持續(xù)集成持續(xù)集成是不斷地將源代碼集成到一個新的構(gòu)建或發(fā)布的過程,源代碼可以在本地存儲中,也可以在或中。 showImg(https://segmentfault.com/img/remote/1460000010452455); 識別二維碼報名活動 8月19日,來自微軟、數(shù)人...

    stormjun 評論0 收藏0
  • Jenkins實現(xiàn)前端項目動化集成打包部署

    摘要:原博客地址實現(xiàn)前端項目自動化集成打包部署掘金地址前言以前寫前端項目打包部署,都是手動運行命令,打包完,然后壓縮,再上傳到服務(wù)器解壓。驗證提交代碼,成功自動打包部署提交代碼,觀察界面,出現(xiàn)構(gòu)建任務(wù),構(gòu)建完成之后收到郵件通知。 原博客地址:https://yezihaohao.github.io/2017/09/09/Jenkins實現(xiàn)前端項目自動化集成打包部署/掘金地址:https://...

    Guakin_Huang 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<