docker+daocloud實現前端項目自動構建部署

項目的自動化部署在大公司或獨角獸中用得比較多，相比來進行手動部署項目來講會更加高效。那麼本文結合以前學習的docker知識點以及nginx來簡單實現VueJs項目的自動部署，固然針對其餘項目也相似。

運行環境

1. 首先須要在服務器上進行docker、nginx、node等的安裝。便於進行後續的操做。
2. 經過docker拉取nginx鏡像，命令docker pull nginx

經過vue-cli初始化一個項目

能夠經過vue init webpack 項目名稱初始化一個項目，這裏假設項目名稱是docker-vue，而後在該項目的根目錄新建一個Dockerfile文件，大體內容以下:

FROM nginx:latest
#把當前打包工程的html複製到虛擬地址
COPY dist/ /usr/share/nginx/html/
#使用自定義nginx.conf配置端口和監聽
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/

RUN /bin/bash -c 'echo init ok!!!'

並新建一個default.conf文件，內容以下：

server {
# 項目中定義的端口號
listen       8080;
server_name  localhost;

#charset koi8-r;
#access_log  /var/log/nginx/log/host.access.log  main;

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
}

#error_page  404              /404.html;

# redirect server error pages to the static page /50x.html
#
error_page   500 502 503 504  /50x.html;
location = /50x.html {
    root   html;
}
}

自此，基本工做已完成，接下來就是對於daocloud.io的基本配置操做了

daocloud.io基本配置操做

若無帳號，能夠先進行註冊daocloud.io。
接下來的操做分爲：

• 建立項目
• 集羣管理
• 建立鏡像倉庫

建立項目

這裏須要添加項目名稱，設置代碼源(能夠是github、gitlab)等，而後選擇你所須要構建的項目，我這裏選擇了我本身的github倉庫docker-vue，而後點擊開始建立就行。

集羣管理

集羣管理的主要目的是爲了連接遠程服務器，並經過命令進行daocloud.io鏡像的建立。

選擇新建主機

因爲我本身是購買了阿里雲服務器了，系統是ubuntu的，因此就選擇了這樣的配置，而後在服務器上運行：

curl -sSL https://get.daocloud.io/daomonit/install.sh | sh -s e2fa03ebead51076411388c26dff2257dae89768

來構建一個docker鏡像，如：

主機建立成功，以下圖所示：

建立鏡像倉庫

進入【鏡像倉庫】選擇剛纔手動構建出來的鏡像，並部署最新版本到自由主機或者雲端測試環境

而後在進行下面的應用設置：

部署完成後，可經過服務器ip+剛纔設置的容器端口號進行訪問了。

這樣咱們就完成了大部分的操做了，能夠經過查看下docker的容器，就能夠看到咱們剛纔建立鏡像倉庫成功後，就自動建立了一個容器了：