网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

docker+daocloud实现前端项目自动构建部署

服务器

这篇文章将为大家详细讲解有关docker+daocloud实现前端项目自动构建部署,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联专业为企业提供镇康网站建设、镇康做网站、镇康网站设计、镇康网站制作等企业网站建设、网页设计与制作、镇康企业网站模板建站服务,十载镇康做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

通过vue-cli初始化一个项目

可以通过vue init webpack 项目名称初始化一个项目,这里假设项目名称是docker-vue,然后在该项目的根目录新建一个Dockerfile文件,大致内容如下:

FROMnginx:latest#把当前打包工程的html复制到虚拟地址COPYdist//usr/share/nginx/html/#使用自定义nginx.conf配置端口和监听RUNrm/etc/nginx/conf.d/default.confADDdefault.conf/etc/nginx/conf.d/RUN/bin/bash-c'echoinitok!!!'

并新建一个default.conf文件,内容如下:

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基本配置操作

若无账号,可以先进行注册daocloud.io。

接下来的操作分为:

创建项目

集群管理

创建镜像仓库

创建项目

这里需要添加项目名称,设置代码源(可以是github、gitlab)等,然后选择你所需要构建的项目,我这里选择了我自己的github仓库docker-vue,然后点击开始创建就行。

集群管理

集群管理的主要目的是为了链接远程服务器,并通过命令进行daocloud.io镜像的创建。

选择新建主机

由于我自己是购买了阿里云服务器了,系统是ubuntu的,所以就选择了这样的配置,然后在服务器上运行:

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

来构建一个docker镜像,如:

主机创建成功,如下图所示:

创建镜像仓库

进入【镜像仓库】选择刚才手动构建出来的镜像,并部署最新版本到自由主机或者云端测试环境

然后在进行下面的应用设置:

部署完成后,可通过服务器ip+刚才设置的容器端口号进行访问了。

这样我们就完成了大部分的操作了,可以通过查看下docker的容器,就可以看到我们刚才创建镜像仓库成功后,就自动创建了一个容器了:

关于docker+daocloud实现前端项目自动构建部署就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


分享题目:docker+daocloud实现前端项目自动构建部署
转载来源:http://bjjierui.cn/article/cpjjhg.html

其他资讯