大前端教程之Dokcer,部署方式,CICD的解决方案

330 阅读2分钟

Dokcer篇

1:Docker的用处

2:Docker的三个概念

3:Dokcer启动镜像的参数介绍

4:如何制作一个镜像,Dockerfike的编写 命令的讲解

5:使用Docker启动一些常用的项目

前端部署方案

1:Nginx,IIS, tomcat

2:Dokcer镜像

3:OSS CDN

流水线篇 CI/CD

流水线部分

1:Gitlab,Runner,流水线,Devops 的概念介绍及安装

2:流水线内容编写,指令讲解,制作一个最简单的流水线

3:使用docker部署前端项目

4:配置免密并搭配nginx部署前端

5:前端项目OSS部署方案

需要用到的资源与链接

Nginx下载

Docker Desktop的下载 Docker Toolbox

OSS地址

Docker教程

GitLab的文档 GitLab CI/CD

常用命令

Nginx相关

# 启动nginx
start nginx
 
# 停止
nginx.exe -s stop
 
# 重启
nginx.exe -s reload

Dokcer相关

#运行一个Nginx
dokcer run -d -p 8080:80 nginx
 
# 挂载外部目录到nginx
docker run -p 8080:80 -d -v /home/nginx/www/hello-vue:/usr/share/nginx/html nginx
 
# 挂载外部配置文件与今静态目录
docker run -p 8080:8080 -v /home/fizz/nginx/config:/etc/nginx/conf.d -v /home/fizz/nginx/www:/usr/share/nginx/html/fizz nginx
 
# 运行GitLab
sudo docker run --detach \
  --hostname 115.159.52.223 \
  --publish 443:443 --publish 80:80 --publish 222:22 \
  --name gitlab \
  --restart always \
  --volume /srv/gitlab/config:/etc/gitlab \
  --volume /srv/gitlab/logs:/var/log/gitlab \
  --volume /srv/gitlab/data:/var/opt/gitlab \
  gitlab/gitlab-ce:latest
 
 
#运行GitLab Runner
docker run -d --name gitlab-runner --restart always \
  -v /srv/gitlab-runner/config:/etc/gitlab-runner \
  -v /var/run/docker.sock:/var/run/docker.sock \
  gitlab/gitlab-runner:latest
 
 
# 注册Runner
docker run --rm -v /srv/gitlab-runner/config:/etc/gitlab-runner gitlab/gitlab-runner register \
  --non-interactive \
  --executor "docker" \
  --docker-image alpine:latest \
  --url "http://115.159.52.223/" \
  --registration-token "FJdr8Hg4mroxJBpbZ4bv" \
  --description "docker-runner" \
  --tag-list "docker,aws" \
  --run-untagged="true" \
  --locked="false" \
  --access-level="not_protected"

docker nginx 镜像外挂 静态文件目录 nginx简单部署静态文件目录

docker nginx镜像 挂在外部配置文件以及静态目录

docker构建前端项目的镜像 多种示例 写法