成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Jenkins實(shí)現(xiàn)前端項(xiàng)目自動(dòng)化集成打包部署

Guakin_Huang / 560人閱讀

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

原博客地址:https://yezihaohao.github.io/2017/09/09/Jenkins實(shí)現(xiàn)前端項(xiàng)目自動(dòng)化集成打包部署/
掘金地址:https://juejin.im/entry/59b40bd36fb9a00a5474c3c7

前言 
以前寫前端項(xiàng)目打包部署，都是手動(dòng)運(yùn)行命令，打包完，然后壓縮，再上傳到服務(wù)器解壓。


這種方式確實(shí)有點(diǎn)low并且效率也不高。
自從用了Jenkins持續(xù)集成工具，寫前端項(xiàng)目越來(lái)越工程化，再也不用擔(dān)心忘記部署項(xiàng)目，也不用煩躁每次打包壓縮后還要部署多個(gè)服務(wù)器和環(huán)境，更開心的是每次家里寫完代碼，不用遠(yuǎn)程公司部署項(xiàng)目，提交代碼后自動(dòng)會(huì)為你部署。
本文基于React的前端項(xiàng)目和GitLab的代碼倉(cāng)庫(kù)以及Windows(其他系統(tǒng)平臺(tái)大同小異)，簡(jiǎn)述Jenkins實(shí)現(xiàn)自動(dòng)部署的配置。
安裝Jenkins

前提：已配置好java環(huán)境

1.下載對(duì)應(yīng)的安裝程序點(diǎn)我進(jìn)入下載網(wǎng)站或直接下載war包

2.根據(jù)提示安裝完成（默認(rèn)端口是8080）

war包啟動(dòng)方式： java -jar jenkins.war --httpPort=8080（端口自定義），然后訪問(wèn)http://localhost:8080

3.查看插件

點(diǎn)開系統(tǒng)設(shè)置的插件管理頁(yè)面，如果可選插件列表為空，點(diǎn)擊高級(jí)標(biāo)簽頁(yè)，替換升級(jí)站點(diǎn)的URL為：http://mirror.xmission.com/je...
并且點(diǎn)擊提交和立即獲取

4.返回可選插件，選擇如下插件安裝（如果已安裝，請(qǐng)忽略）

1.Publish Over SSH
2.GitLab Plugin
3.Email Extension Plugin

提前設(shè)置配置

為了方便新建任務(wù)，所以先將一些設(shè)置配置好，進(jìn)入系統(tǒng)管理系統(tǒng)設(shè)置。

1.配置Publish over SSH

在Publish over SSH處點(diǎn)擊增加，添加SSH server，并且選擇高級(jí)設(shè)置，設(shè)置相應(yīng)的ip,用戶名和密碼等。（其他選項(xiàng)可不用管）

2.配置郵件通知，可通過(guò)勾選發(fā)送郵件測(cè)試是否配置成功

新建任務(wù) 1.點(diǎn)擊新建，輸入名稱，選擇自由風(fēng)格的項(xiàng)目

2.配置源碼

選擇Git，并填上gitlab項(xiàng)目克隆地址，用戶密鑰以及分支

3.配置構(gòu)建觸發(fā)器

勾選Poll SCM即可，其他可忽略，默認(rèn)提交代碼到相應(yīng)的分支觸發(fā)該任務(wù)

4.配置構(gòu)建

增加構(gòu)建步驟選擇Execute shell

5.配置構(gòu)建后操作

增加構(gòu)建后操作，選擇Send build artifacts over SSH。即上述操作全部完成并自動(dòng)生產(chǎn)了部署文件，該步驟將部署文件上傳到之前的SSH服務(wù)器（Linux服務(wù)器），并執(zhí)行你想讓他執(zhí)行的命名，部署多個(gè)服務(wù)器及平臺(tái)，選擇添加server并完成相應(yīng)的配置

配置后再增加構(gòu)建后操作，選擇Editable Email Notification。根據(jù)提示配置需要通知的郵箱，其他可默認(rèn)。然后選擇高級(jí)設(shè)置，配置失敗和成功郵件通知。

綁定GitLab Web hooks

添加web hook. http://jenkins-server/gitlab/... 需要填上的固定格式的URL地址，把jenkins-server替換成對(duì)應(yīng)的Jenkins訪問(wèn)地址，注意：如果是localhost，需要換成ip地址。
添加完之后，點(diǎn)擊Test Hook。此時(shí)Jenkins界面構(gòu)建隊(duì)列出現(xiàn)某個(gè)任務(wù)正在執(zhí)行，表示配置成功。

驗(yàn)證提交代碼，成功自動(dòng)打包部署

提交代碼，觀察Jenkins界面，出現(xiàn)構(gòu)建任務(wù)，構(gòu)建完成之后收到郵件通知。

最后，推薦給大家前端交流QQ群：264591039。歡迎來(lái)這里和大家一起暢聊大前端的一切~

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88545.html

相關(guān)文章

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

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

    liukai90 評(píng)論0 收藏0

  • 前端開發(fā)團(tuán)隊(duì)的工具鏈

    摘要：官網(wǎng)地址推薦指數(shù)顆星推薦理由自動(dòng)化部署和集成部署的好工具，操作簡(jiǎn)單，顯示友好，具備多種插件，應(yīng)有盡有，支持多類型語(yǔ)言的項(xiàng)目集成和部署。官網(wǎng)地址如果你有其他好用的工具，不妨也分享一下原博客鏈接前端開發(fā)團(tuán)隊(duì)的工具鏈 匯集前端開發(fā)團(tuán)隊(duì)中經(jīng)常使用的好工具，分享給大家！ 注：都是開源工具 showImg(https://segmentfault.com/img/remote/1460000019...

    xcold 評(píng)論0 收藏0

  • Jenkins集成Docker鏡像實(shí)現(xiàn)自動(dòng)發(fā)布

    摘要：集群環(huán)境的部署方式使用集群管理工具通過(guò)版本新增文件實(shí)現(xiàn)滾動(dòng)升級(jí)容器等同于應(yīng)用的部署 1. 思路&流程 Jenkins集成Docker鏡像實(shí)現(xiàn)自動(dòng)發(fā)布與Jenkins發(fā)布mavne項(xiàng)目思路一樣總體流程 為：Jenkins 拉去遠(yuǎn)端源碼 —— gitl實(shí)現(xiàn)應(yīng)用打包 —— jenkins本地把應(yīng)用程序打包進(jìn)Docker鏡像 ...

    defcon 評(píng)論0 收藏0

  • 一些小團(tuán)隊(duì)的自動(dòng)化運(yùn)維實(shí)踐經(jīng)驗(yàn)

    摘要：行業(yè)內(nèi)各巨頭的自動(dòng)化運(yùn)維架構(gòu)都各種功能各種酷炫，如下圖，讓人可望不可及。面對(duì)這么多問(wèn)題，我就想啊，如何在低成本情況下實(shí)現(xiàn)自動(dòng)化運(yùn)維。自動(dòng)擴(kuò)縮容通過(guò)配置告警規(guī)則，調(diào)用相應(yīng)就可以實(shí)現(xiàn)實(shí)戰(zhàn)以上就是筆者關(guān)于自動(dòng)化運(yùn)維的一些實(shí)踐。 行業(yè)內(nèi)各巨頭的自動(dòng)化運(yùn)維架構(gòu)都各種功能各種酷炫，如下圖，讓人可望不可及?，F(xiàn)在最終的樣子大家都知道了，但問(wèn)題是如何根據(jù)自己團(tuán)隊(duì)當(dāng)前的情況一步步向那個(gè)目標(biāo)演進(jìn)？筆者所在團(tuán)隊(duì)，三...

    princekin 評(píng)論0 收藏0

  • fir.im weekly - 「 持續(xù)集成 」實(shí)踐教程合集

    摘要：來(lái)這里看看的工程師如何進(jìn)行持續(xù)集成與持續(xù)部署。主要介紹了豆瓣移動(dòng)持續(xù)集成和測(cè)試相關(guān)實(shí)踐，用工具化自動(dòng)化社會(huì)化測(cè)試來(lái)解決遇到的問(wèn)題，將打包發(fā)布環(huán)節(jié)自動(dòng)化。這期的持續(xù)集成實(shí)踐分享就到這里。 我們常看到許多團(tuán)隊(duì)和開發(fā)者分享他們的持續(xù)集成實(shí)踐經(jīng)驗(yàn)，本期 fir.im Weekly 收集了 iOS，Android，PHP ，NodeJS 等項(xiàng)目搭建持續(xù)集成的實(shí)踐，以及一些國(guó)內(nèi)外公司的內(nèi)部持續(xù)集成...

    A Loity 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<