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

Bertha 。 2022-12-21 03:09 135阅读 0赞

**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下载][Nginx]**

**[Docker Desktop的下载][Docker Desktop]      [Docker Toolbox][]**

**OSS地址**

**[Docker教程][Docker]**

**[GitLab的文档][GitLab]  [GitLab CI/CD][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 _ _ nginx] #

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

# [docker构建前端项目的镜像 多种示例 写法][docker_ _] #

[Nginx]: http://nginx.org/en/download.html
[Docker Desktop]: https://www.docker.com/products/docker-desktop
[Docker Toolbox]: https://github.com/docker/toolbox/releases
[Docker]: https://yeasy.gitbook.io/docker_practice/
[GitLab]: https://docs.gitlab.com/
[GitLab CI_CD]: https://docs.gitlab.com/ee/ci/yaml/README.html
[docker nginx _ _ nginx]: https://blog.csdn.net/github_35631540/article/details/108938014?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160534524119724842942251%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=160534524119724842942251&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v1~rank_blog_v1-2-108938014.pc_v1_rank_blog_v1&utm_term=docker+nginx&spm=1018.2118.3001.4450
[docker nginx_]: https://blog.csdn.net/github_35631540/article/details/108938752?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160534524119724842942251%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=160534524119724842942251&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v1~rank_blog_v1-1-108938752.pc_v1_rank_blog_v1&utm_term=docker+nginx&spm=1018.2118.3001.4450
[docker_ _]: https://blog.csdn.net/github_35631540/article/details/106768149?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160534524119724842942251%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=160534524119724842942251&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_v1~rank_blog_v1-8-106768149.pc_v1_rank_blog_v1&utm_term=docker+nginx&spm=1018.2118.3001.4450