在上一篇http://www.javashuo.com/article/p-yglphuyj-bk.html文章中,咱們提到了如何搭建一個持續集成環境,接下來,咱們以一個前端開發的例子,來圖解如何搭建一個前端的可持續部署環境。html
下面,咱們將搭建一個前端項目可持續部署的環境,須要的環境有:前端
window 10: 這裏咱們用window系統做爲演示例子,可能根據須要換成linux系統或者其它。node
Jenkins 2.73.2linux
jenkins的安裝能夠參照官方的文檔git
https://jenkins.io/doc/pipeline/tour/getting-started/github
採用默認安裝,安裝的時候,記得選擇安裝git插件web
Tomcat 8.0apache
根據系統,選擇安裝的版本npm
http://tomcat.apache.org/tomcat-8.0-doc/setup.html瀏覽器
Node v6.0.0
安裝node和npm,npm版本是3.8.6
運行jenkins,運行以後的界面效果以下:
而後咱們建立一個自由風格的項目,而後配置一個github上面的前端項目
https://github.com/thomaslwq/CloudShopping-.git
配置系統的構建參數,默認是每分鐘回去輪詢一次。
構建參數
配置好以後,保存,而後開始構建
這樣只是完成了構建的操做,可是有一個問題,咱們怎麼實現構建完成以後,自動部署到服務器目錄下呢,通常作法是寫個腳本,將編譯好的文件傳送到對應的根目錄下面,這裏咱們介紹另一種簡單的「單機版」方式,首先,你要找到你對應的項目的jenkins目錄,例如:
而後,找到你tomcat對應的webapp目錄,而後將這兩個目錄進行軟連接,作個「單機版」的部署環境,這樣每次編譯完以後的代碼都是自動映射到服務器對應的目錄下,實時更新。命令以下:
mklink /D C:\dev\Tomcat8.0\webapps\front_end_test D:\Program Files (x86)\Jenkins\workspace\front_end_test\build 這裏「D:\Program Files (x86)\Jenkins\workspace\front_end_test\build」是jenkins編譯生成的目錄 「C:\dev\Tomcat8.0\webapps\front_end_test」是它對應在服務器下的目錄
這樣,打開瀏覽器,訪問對應的服務器應用,咱們就能夠訪問到編譯好的項目了。效果以下:
至此,整個持續部署環境就完成了。