扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
服务器
这篇文章将为大家详细讲解有关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实现前端项目自动构建部署就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网