daocloud持續(xù)集成html5應(yīng)用

daocloud介紹

daocloud提供基于docker進(jìn)行持續(xù)集成的服務(wù),使用它可以很方便的完成項(xiàng)目的自動化構(gòu)建以及持續(xù)發(fā)布等功能。

什么是「簡單的html5應(yīng)用」

只有前端頁面,并且使用nginx提供服務(wù)。

部署大致解決方案

本文假設(shè)一個使用場景:擁有自己的主機(jī),并且綁定到了daocloud上,然后想通過daocloud進(jìn)行持續(xù)化地部署到自己的主機(jī)上。如果想要部署一個純前端項(xiàng)目,需要把nginx集成進(jìn)去,然后使用nginx來提供服務(wù)。

構(gòu)建應(yīng)用前的準(zhǔn)備

在構(gòu)建應(yīng)用之前,你需要改裝自己的程序,添加Dockerfile文件,配置好所需要的nginx配置文件。比如我有一個應(yīng)用叫myapp,其目錄結(jié)構(gòu)為:

myapp/  #應(yīng)用根目錄
├── myapp/  # 具體的應(yīng)用目錄
│   ├── images/ # 圖片
│   ├── index.html  # 默認(rèn)的檢索html
│   ├── scripts/  #  js文件夾
│   └── styles/    # 存放css的文件夾
├── Dockerfile   # Dockerfile
├── myapp.conf   # 本應(yīng)用的nginx配置文件
└── log/  # log文件

Dockerfile的內(nèi)容:

# 選擇nginx服務(wù)
FROM nginx:1.9.5

# copy代碼
COPY . /src

# 添加nginx配置文件
COPY myapp.conf /etc/nginx/conf.d/

# 去掉默認(rèn)的nginx配置文件
RUN rm /etc/nginx/conf.d/default.conf

myapp.conf 內(nèi)容:

server {
    listen 80;
    server_name localhost;
    access_log /src/log/myapp.access.log;
    error_log /src/log/myapp.error.log;

    # 這里你還可以選擇根據(jù)需要配一些gzip等選項(xiàng)

    location / {
    root /src/myapp/;
    }
}

然后將應(yīng)用提交到github上,比如具體為:xiaohuruwei/myapp.git

以上已經(jīng)包含全部必須的材料了,下面進(jìn)入daocloud環(huán)節(jié)。

使用daocloud進(jìn)行持續(xù)構(gòu)建鏡像以及發(fā)布

因?yàn)榍懊娴牟襟E已經(jīng)構(gòu)建好了一個支持docker的代碼版本,而且不需要外聯(lián)像mysql這樣的外部服務(wù),因此可以直接將其當(dāng)做一個但應(yīng)用的鏡像來構(gòu)建。

在這方面,daocloud已經(jīng)有了完善的文檔,可以直接參考其中的創(chuàng)建新項(xiàng)目章節(jié),以及持續(xù)集成章節(jié)。

發(fā)布完成之后需要做的工作

發(fā)布完成之后,可以在daocloud上看到所創(chuàng)建的容器的具體信息。包括映射到宿主機(jī)上的端口號等等,為方便后面的敘述,這里假設(shè)映射出的端口號為8888。因?yàn)槭前l(fā)布到自己的主機(jī)上,所以還需要自己配置域名以及nginx反向代理來對外提供訪問服務(wù)。假設(shè)有一個域名已經(jīng)綁定在了自己的主機(jī)上,這里假設(shè)為xiaohuruwei.com.

登陸自己的主機(jī),并配置nginx文件,如果是使用apt-get一類的包管理工具安裝的,那么應(yīng)該是在/etc/nginx/conf.d/目錄下添加 myapp.conf:

server {
    listen 80;
    server_name xiaohuruwei.com;
    access_log /var/log/nginx/myapp.access.log;
    error_log /var/log/nginx/myapp.error.log;
    client_max_body_size 200m;

    # 可以根據(jù)需要設(shè)置其他配置項(xiàng)

    location / {
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass http://127.0.0.1:8888;
    }
}

然后訪問xiaohuruwei.com就可以看到內(nèi)容了

另外,需要在使用daocloud的時(shí)候,將自動構(gòu)建和持續(xù)發(fā)布都打開,這樣下次使用時(shí),只需要往github推代碼時(shí),觸發(fā)了你設(shè)定的更新規(guī)則,就會持續(xù)構(gòu)建鏡像并發(fā)布了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • 第一章 Nginx簡介 Nginx是什么 沒有聽過Nginx?那么一定聽過它的“同行”Apache吧!Ngi...
    JokerW閱讀 33,018評論 24 1,002
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,936評論 25 709
  • 對于剛接觸移動端的適配,我想最大的困惑應(yīng)該是為什么全部像素不能和pc端一樣按照設(shè)計(jì)稿給定的像素來處理? 想弄明白上...
    xiongxiong_hxy閱讀 516評論 0 1
  • 我們總是這樣,默默關(guān)注著彼此的朋友圈,卻從來沒有真正聯(lián)系過。 郭小正是一個瘦瘦小小,陰柔之氣很重的男生。他喜歡走路...
    shezza同學(xué)的回憶錄閱讀 629評論 0 2

友情鏈接更多精彩內(nèi)容