• 售前

  • 售后

热门帖子
入门百科

docker+daocloud实现前端项目自动构建摆设

[复制链接]
贺长云 显示全部楼层 发表于 2021-10-26 14:27:01 |阅读模式 打印 上一主题 下一主题
项目标主动化摆设在大公司或独角兽中用得比较多,相比来举行手动摆设项目来说会更加高效。那么本文联合之前学习的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. RUN /bin/bash -c 'echo init ok!!!'
复制代码
并新建一个default.conf文件,内容如下:
  1. server {
  2. # 项目中定义的端口号
  3. listen    8080;
  4. server_name localhost;
  5. #charset koi8-r;
  6. #access_log /var/log/nginx/log/host.access.log main;
  7. location / {
  8.   root  /usr/share/nginx/html;
  9.   index index.html index.htm;
  10. }
  11. #error_page 404       /404.html;
  12. # redirect server error pages to the static page /50x.html
  13. #
  14. error_page  500 502 503 504 /50x.html;
  15. location = /50x.html {
  16.   root  html;
  17. }
  18. }
复制代码


自此,根本工作已完成,接下来就是对于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的容器,就可以看到我们刚才创建镜像堆栈成功后,就主动创建了一个容器了:


以上就是本文的全部内容,渴望对大家的学习有所资助,也渴望大家多多支持草根技能分享。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作