原文地址https://fizzz.blog.csdn.net/article/details/109684093

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相關

# 啟動nginxstart nginx # 停止nginx.exe -s stop # 重啟nginx.exe -s reload

Dokcer相關

#執行一個Nginxdokcer run -d -p 8080:80 nginx # 掛載外部目錄到nginxdocker 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 # 執行GitLabsudo 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 Runnerdocker 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  # 註冊Runnerdocker 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構建前端專案的映象 多種示例 寫法