大前端教程之Dokcer，部署方式，CICD的解决方案docker nginx 镜像外挂静态文件目录 nginx简单部署静态文件目录

拿我格子衫来

发布于 2022-01-24 16:10:36

5870

发布于 2022-01-24 16:10:36

文章被收录于专栏：TopFETopFE

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构建前端项目的镜像多种示例写法

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

容器镜像服务