docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

這篇文章主要介紹“docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署”的相關(guān)知識(shí),小編通過實(shí)際案例向大家展示操作過程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站制作、網(wǎng)站建設(shè)與策劃設(shè)計(jì),大化網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:大化等地區(qū)。大化做網(wǎng)站價(jià)格咨詢:18980820575

首先需要在服務(wù)器上進(jìn)行docker、nginx、node等的安裝。便于進(jìn)行后續(xù)的操作。

通過docker拉取nginx鏡像,命令docker pull nginx

通過vue-cli初始化一個(gè)項(xiàng)目

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

from nginx:latest
#把當(dāng)前打包工程的html復(fù)制到虛擬地址
copy dist/ /usr/share/nginx/html/
#使用自定義nginx.conf配置端口和監(jiān)聽
run rm /etc/nginx/conf.d/default.conf
add default.conf /etc/nginx/conf.d/

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

并新建一個(gè)default.conf文件,內(nèi)容如下:

server {
# 項(xiàng)目中定義的端口號(hào)
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;
}
}

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

daocloud.io基本配置操作

若無賬號(hào),可以先進(jìn)行注冊(cè)。

接下來的操作分為:

  • 創(chuàng)建項(xiàng)目

  • 集群管理

  • 創(chuàng)建鏡像倉(cāng)庫(kù)

創(chuàng)建項(xiàng)目

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

集群管理

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

選擇新建主機(jī)

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

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

來構(gòu)建一個(gè)docker鏡像,如:

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

創(chuàng)建鏡像倉(cāng)庫(kù)

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

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

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

這樣我們就完成了大部分的操作了,可以通過查看下docker的容器,就可以看到我們剛才創(chuàng)建鏡像倉(cāng)庫(kù)成功后,就自動(dòng)創(chuàng)建了一個(gè)容器了:

docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署

關(guān)于“docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

分享題目:docker+daocloud如何實(shí)現(xiàn)前端項(xiàng)目自動(dòng)構(gòu)建部署
本文來源:http://bm7419.com/article46/pccehg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)App設(shè)計(jì)、網(wǎng)站營(yíng)銷小程序開發(fā)、微信小程序、網(wǎng)站設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)