专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

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

ins518 2024-10-06 10:26:57 技术文章 11 ℃ 0 评论

以下蓝色文字均有链接 但由于头条对于外部链接管理较严 故未添加链接 如影响阅读 请看原文

原文地址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相关

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表