docker 部署前端项目 【实践、记录】

此文仅记录博主学习实践docker技术之后的基本认识以及初次部署实践,如有错误,敬请指正。

初识docker

一:docker组成

docker 部署前端项目 【实践、记录】_第1张图片

Docker的工作原理

Docker是基于C/S结构的系统,Docker的守护进程运行在Linux服务器(宿主机)上,当我们在Liunx服务器上(Docker-Client)输入Docker相关命令就会被发送给Doker-Server

二:docker host【认识】

1.镜像(image)

Docker镜像相当于一个文件系统,携带了创建特定类型容器所需的所有数据,根据某一类型的镜像可以创建出很多容器实例。

2.容器(container)

容器可以看做是一个简易版的Linux系统,运行在宿主机上,但是它有自己的文件系统和网络等。

三:docker client【交互】

注意:下述内容对各对象的各种行为做出分类,按照流程逻辑可分为对该对象的 crud action、config action、host action、controll action四种行为。以下内容仅关注各对象的基本行为逻辑,具体命令自行搜索查阅。

1.管理docker服务

crud action
  • 安装(C): linux / window
  • 描述(R)
docker version
docker info
  • 卸载(D)
config action
  • 设置镜像仓库
  • 设置阿里云镜像加速

设置步骤:进入阿里云 -> 注册阿里云账号 -> 搜索进入容器镜像服务 -> 在镜像中心选项卡下选择镜像加速器 -> 里面可以看到加速器地址以及各系统下的配置方式

controll action
  • (开机自)启动docker服务
  • 关闭docker服务

2.管理docker镜像

crud action
  • 拉取(C):pull
  • 构建(C):build
  • 查看(R)
# findAll
docker images
# findOne
docker search 镜像名
# detail
docker inspect 镜像id
  • 删除(D)
# deleteAll
docker rmi -f $(docker images -aq) 
# deleteOne
docker rmi -f 镜像id                      
# deleteMany
docker rmi -f 镜像id 镜像id 镜像id 镜像id

3.管理docker容器

crud action
  • 创建(C)
docker run 可选参数 镜像名
# 可选参数
--name=”xxx“    # 容器名字
-d              # 后台模式运行
-it             # 使用交互模式运行,进入容器查看内容
-p(小学)         # 指定端口映射 如:-p 8080(宿主机):8080(容器)
-P(大写)         # 随机端口映射
--net           # 网络模式
-v              # 数据卷
  • 查看(R)
# 查看运行中的容器
docker ps
# 查看所有容器
docker ps -a
# detail
docker inspect 容器id
  • 删除(D)
# deleteAll
docker rm -f $(docker ps -aq)
# deleteOne
docker rm -f 容器id
host action
  • 文件传输
docker cp 容器id:文件路径(容器内) 目的路径(宿主机)
[root@MT ~]docker cp 1a9a6785c37c:/home/c.java /home/
  • 进程
docker top 容器id
  • 共享文件,共享网络(运行镜像获得容器实例时以参数形式指定)
controll action
  • 启动和停止
docker start 容器id      # 启动容器
docker restart 容器id    # 重启容器
docker stop 容器id       # 停止正在运行的容器
docker kill 容器id       # 强制停止
  • 进入和退出
# 进入
docker exec -it 容器ID /bin/bash
# 退出
exit          # 容器直接退出
Ctrl + P + Q  # 容器不停止退出
  • 查看日志
docker logs -tf 容器id             # 查看实时日志  
docker logs -t --tail 数量 容器id  # 查看指定数量的日志   

四:docker Registry【参考】

docker Registry是集中存放镜像文件的场所,imageName和imageTag共同确定一个image。

1.docker Hub

官网:https://hub.docker.com/,扮演与github类似的角色,需要的镜像可以在这里搜索后翻阅文档。

2.阿里云 仓库

国内的公开仓库,镜像下载速度快。

实践docker部署

第一步:项目开发阶段【输出git repo(project and dockerfile)】

1.编写dockerfile

什么是dockerfile

Dockerfile 是一个用来构建镜像的文本文件,文本内容包含了一条条构建镜像所需的指令和说明。

dockerfile常用配置项
  • 英文好的看官方文档,英文差的看菜鸟教程等资料。
前端项目部署示例dockerfile

注:由于采用的部署方式是nginx代理到多个http服务的方式,以下示例只是构建一个单独的基于node环境的http服务镜像。

FROM node:12

RUN mkdir -p /home/docs
WORKDIR /home/docs

ADD package.json .
RUN yarn config set registry 'https://registry.npm.taobao.org'
RUN yarn

COPY . /home/docs

RUN yarn docs:build

EXPOSE 3386
# 以下server.js即是一个在node环境下,通过express框架搭建http服务的脚本。
CMD ["node", "server.js"]

2.准备data and script(dockerfile中涉及到的)

project code(data)
server.js(script)
// express依赖
const http = require('http')
const path = require('path')
const bodyParser = require('body-parser')
const express = require('express')
// ecstatic依赖
const ecstatic = require('ecstatic')
// connect-history-api-fallback依赖
const history = require('connect-history-api-fallback')

const app = express()
app.use(bodyParser.json())

app.use(history())

app.use(ecstatic({
      root: path.join(__dirname, './dist') }))

http.createServer(app).listen(process.argv[2] || 3386)

第二步:前端打包阶段【输入git repo,输出image(after test)】

1.Clone

# 在打包机上
mkdir codePath
cd codePath
git clone https://github.com/xx/xx.git

2.Build

cd projectPath
docker build -t xx/node:tagName .

3.Run

docker run -d -p 3386:3386--name containerName xx/node:tagName
curl 127.0.0.1:7788 # test

4.Share

未作实践,另行参考https://www.runoob.com/docker/docker-repository.html

第三步:服务器运行容器阶段【输入image,running】

注:以下项目部署方式是 nginx容器 + 多个http server容器的方式

1.nginx服务

需求:nginx一级路由控制访问不同项目,如127.0.0.1/project1访问project1项目,127.0.0.1/project2访问project2项目。

first:拉取nginx服务、创建nginx容器、启动nginx容器
  • 拉取创建启动:养成从Docker Hub查找镜像后翻阅文档的习惯(授之以鱼不如授之以渔,哈哈)。
  • 注意点:跨容器转发,由于宿主以及各容器各有各自的网络和端口,所以需要做好网络和端口映射,可通过让nginx容器以–net=host的方式,让nginx容器与宿主机共享网络,进而实现nginx容器-> host -> project容器的请求转发需求(注意,在实践中,docker for window环境下出现预期外错误,linux正常)。
second:添加特定路由的请求转发配置
  • 添加代理配置
docker ps
# 进入容器
docker exec -it nginxId /bin/bash
# 修改配置
vi /etc/nginx/conf.d # vi编辑器问题,1.command not find:执行 apt-get install vim 2.找不到包:apt-get update
--- conf.d
# 对应server下添加如下配置
	location /project1{
     
		proxy_pass http://127.0.0.1:3386;
	}
---

2.project服务

运行测试project的http服务
docker run -d -p 3386:3386 --name containerName xx/node:tagName
curl 127.0.0.1:3386# test

你可能感兴趣的:(项目部署,docker部署前端项目,dockerfile)