服務(wù)器

這篇文章將為大家詳細(xì)講解有關(guān)docker+daocloud實現(xiàn)前端項目自動構(gòu)建部署，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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

可以通過vue init webpack 項目名稱初始化一個項目，這里假設(shè)項目名稱是docker-vue，然后在該項目的根目錄新建一個Dockerfile文件，大致內(nèi)容如下:

FROMnginx:latest#把當(dāng)前打包工程的html復(fù)制到虛擬地址COPYdist//usr/share/nginx/html/#使用自定義nginx.conf配置端口和監(jiān)聽RUNrm/etc/nginx/conf.d/default.confADDdefault.conf/etc/nginx/conf.d/RUN/bin/bash-c'echoinitok!!!'

并新建一個default.conf文件，內(nèi)容如下：

server{#項目中定義的端口號listen8080;server_namelocalhost;#charsetkoi8-r;#access_log/var/log/nginx/log/host.access.logmain;location/{root/usr/share/nginx/html;indexindex.htmlindex.htm;}#error_page404/404.html;#redirectservererrorpagestothestaticpage/50x.html#error_page500502503504/50x.html;location=/50x.html{roothtml;}}

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

daocloud.io基本配置操作

若無賬號，可以先進(jìn)行注冊daocloud.io。

接下來的操作分為：

創(chuàng)建項目

集群管理

創(chuàng)建鏡像倉庫

創(chuàng)建項目

這里需要添加項目名稱，設(shè)置代碼源(可以是github、gitlab)等，然后選擇你所需要構(gòu)建的項目，我這里選擇了我自己的github倉庫docker-vue，然后點擊開始創(chuàng)建就行。

集群管理

集群管理的主要目的是為了鏈接遠(yuǎn)程服務(wù)器，并通過命令進(jìn)行daocloud.io鏡像的創(chuàng)建。

選擇新建主機(jī)

由于我自己是購買了阿里云服務(wù)器了，系統(tǒng)是ubuntu的，所以就選擇了這樣的配置，然后在服務(wù)器上運行：

curl-sSLhttps://get.daocloud.io/daomonit/install.sh|sh-se2fa03ebead51076411388c26dff2257dae89768

來構(gòu)建一個docker鏡像，如：

主機(jī)創(chuàng)建成功，如下圖所示：

創(chuàng)建鏡像倉庫

進(jìn)入【鏡像倉庫】選擇剛才手動構(gòu)建出來的鏡像，并部署最新版本到自由主機(jī)或者云端測試環(huán)境

然后在進(jìn)行下面的應(yīng)用設(shè)置：

部署完成后，可通過服務(wù)器ip+剛才設(shè)置的容器端口號進(jìn)行訪問了。

這樣我們就完成了大部分的操作了，可以通過查看下docker的容器，就可以看到我們剛才創(chuàng)建鏡像倉庫成功后，就自動創(chuàng)建了一個容器了：

關(guān)于docker+daocloud實現(xiàn)前端項目自動構(gòu)建部署就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

總結(jié)

以上是生活随笔為你收集整理的docker+daocloud实现前端项目自动构建部署的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。