十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章将为大家详细讲解有关docker+daocloud实现前端项目自动构建部署,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联服务项目包括阳城网站建设、阳城网站制作、阳城网页制作以及阳城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,阳城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到阳城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!通过vue-cli初始化一个项目
可以通过vue init webpack 项目名称初始化一个项目,这里假设项目名称是docker-vue,然后在该项目的根目录新建一个Dockerfile文件,大致内容如下:
FROM nginx:latest #把当前打包工程的html复制到虚拟地址 COPY dist/ /usr/share/nginx/html/ #使用自定义nginx.conf配置端口和监听 RUN rm /etc/nginx/conf.d/default.conf ADD default.conf /etc/nginx/conf.d/ RUN /bin/bash -c 'echo init ok!!!'
并新建一个default.conf文件,内容如下:
server { # 项目中定义的端口号 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; } }
自此,基本工作已完成,接下来就是对于daocloud.io的基本配置操作了
daocloud.io基本配置操作
若无账号,可以先进行注册daocloud.io。
接下来的操作分为:
创建项目
集群管理
创建镜像仓库
创建项目
这里需要添加项目名称,设置代码源(可以是github、gitlab)等,然后选择你所需要构建的项目,我这里选择了我自己的github仓库docker-vue,然后点击开始创建就行。
集群管理
集群管理的主要目的是为了链接远程服务器,并通过命令进行daocloud.io镜像的创建。
选择新建主机
由于我自己是购买了阿里云服务器了,系统是ubuntu的,所以就选择了这样的配置,然后在服务器上运行:
curl -sSL https://get.daocloud.io/daomonit/install.sh | sh -s e2fa03ebead51076411388c26dff2257dae89768
来构建一个docker镜像,如:
主机创建成功,如下图所示:
创建镜像仓库
进入【镜像仓库】选择刚才手动构建出来的镜像,并部署最新版本到自由主机或者云端测试环境
然后在进行下面的应用设置:
部署完成后,可通过服务器ip+刚才设置的容器端口号进行访问了。
这样我们就完成了大部分的操作了,可以通过查看下docker的容器,就可以看到我们刚才创建镜像仓库成功后,就自动创建了一个容器了:
关于docker+daocloud实现前端项目自动构建部署就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。