经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » Docker » 查看文章
docker+daocloud实现前端项目自动构建部署
来源:jb51  时间:2019/7/3 9:52:57  对本文有异议

项目的自动化部署在大公司或独角兽中用得比较多,相比来进行手动部署项目来说会更加高效。那么本文结合之前学习的docker知识点以及nginx来简单实现VueJs项目的自动部署,当然针对其他项目也类似。

运行环境

首先需要在服务器上进行docker、nginx、node等的安装。便于进行后续的操作。

通过docker拉取nginx镜像,命令docker pull nginx

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

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

  1. FROM nginx:latest
  2. #把当前打包工程的html复制到虚拟地址
  3. COPY dist/ /usr/share/nginx/html/
  4. #使用自定义nginx.conf配置端口和监听
  5. RUN rm /etc/nginx/conf.d/default.conf
  6. ADD default.conf /etc/nginx/conf.d/
  7.  
  8. RUN /bin/bash -c 'echo init ok!!!'

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

  1. server {
  2. # 项目中定义的端口号
  3. listen 8080;
  4. server_name localhost;
  5.  
  6. #charset koi8-r;
  7. #access_log /var/log/nginx/log/host.access.log main;
  8.  
  9. location / {
  10. root /usr/share/nginx/html;
  11. index index.html index.htm;
  12. }
  13.  
  14. #error_page 404 /404.html;
  15.  
  16. # redirect server error pages to the static page /50x.html
  17. #
  18. error_page 500 502 503 504 /50x.html;
  19. location = /50x.html {
  20. root html;
  21. }
  22. }


自此,基本工作已完成,接下来就是对于daocloud.io的基本配置操作了

daocloud.io基本配置操作

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

接下来的操作分为:

  • 创建项目
  • 集群管理
  • 创建镜像仓库

创建项目


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

集群管理

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


选择新建主机

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

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

来构建一个docker镜像,如:


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

创建镜像仓库

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



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

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


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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号