docker入门篇-部署静态页面

docker入门篇-部署静态页面

什么是docker

Docker 最初是 dotCloud 公司创始人 Solomon Hykes 在法国期间发起的一个公司内部项目，它是基于 dotCloud 公司多年云服务技术的一次革新，并于 2013 年 3 月以 Apache 2.0 受权协议开源，主要项目代码在 GitHub 上进行维护。Docker 项目后来还加入了 Linux 基金会，并成立推进开放容器联盟（OCI）。

Docker 使用 Google 公司的 Go 语言 开发实现，基于 Linux 内核的 cgroup，namespace，以及 AUFS 类的 Union FS 等技术，对进程进行封装隔离，属于操做系统层面的虚拟化技术。因为隔离的进程独立于宿主和其它隔离的进程，所以称其为容器。最初实现是基于 LXC，从 0.7 版本后开始去除 LXC，转而使用自行开发的 libcontainer，从 1.11 开始，进一步演进使用 runC 和 containerd。

Docker 在容器的基础上，进行了进一步的封装，从文件系统、网络互联到进程隔离等等，极大的简化了容器的建立和维护。使得 Docker 技术比虚拟机技术更为轻便、快捷。

docker与前端应用的结合

前端应用使用docker能够带来哪些优点呢？

1. 环境一致性

好比前端应用须要部署在多台虚拟机上，那么配置多台虚拟机就须要人为操做，增长修改配置，好比node版本升级，都须要一台一台进行，十分浪费时间，并且容易出错。可是使用docker技术，只须要配置一份镜像就能够，十分方便。

2. 方便迁移

Docker 确保了运行环境的一致性，使得应用的迁移更加容易。能够很轻易将在一个平台上运行的应用，迁移到另外一个平台上，而不用担忧运行环境的变化致使应用没法正常运行。好比接到任务说下周要加一个分区，或者客户要求部署私有云，能够很放心的说镜像拿走，而不用担忧环境问题。

3. 快速部署、回滚

得益于 Docker 使用的分层存储和镜像技术，使得扩展镜像变得很是简单。能够预先把程序须要的依赖，静态资源等在构建过程当中添加到镜像，在须要的时候启动该容器实现快速部署、回滚、止血。好比当出现线上事故须要回滚时，传统作法是触发某些自动化工具去拉代码装依赖打包最后部署，一旦某个环节出了问题，譬如网络被墙了致使依赖拉不下来，构建失败等等，将会致使更验证的问题。

docker安装

macOS

brew cask install docker

安装好以后，会出如今mac的应用中，打开docker应用，遇到下载慢的问题能够把homebrew包地址修改成国内镜像（中科大镜像等）

其余系统安装 yeasy.gitbooks.io/docker_prac…

使用docker部署前端应用

####打包前端出dist

vue小项目举例，使用官方cli3快速生成项目

vue create docker-vue

这里使用yarn打包和启动项目，

cd docker-vue

yarn run build

打包出dist文件夹，方便一会打包进docker镜像

制做docker镜像

使用docker官方的nginx镜像

docker pull nginx:1.14

查看已安装镜像

docker image ls

修改nginx配置文件

在当前目录（docker-vue）下建立nginx配置文件 nginx.conf 配置文件代码以下：

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    server {
        listen 80 default_server;
        server_name _;

        location  / {
        root /usr/share/nginx/html;
        index  index.html ;
        try_files $uri $uri/ /index.html;
        }
    }

}



复制代码

Dockerfile文件修改

在当前目录（docker-vue）下，建立Dockerfile文件，Dockerfile 是一个文本文件，其内包含了一条条的 指令(Instruction)，每一条指令构建一层，所以每一条指令的内容，就是描述该层应当如何构建。

FROM nginx:1.14
LABEL maintainer "dale_na@163.com"
ADD ./dist/ /usr/share/nginx/html
ADD nginx.conf /etc/nginx/
EXPOSE 80

复制代码

构建自定义镜像

docker build -t dale_docker .

--tag, -t: 镜像的名字及标签

启动自定义镜像

docker run -d -p 8080:80 dale_docker

-d: 后台运行容器，并返回容器ID

-p: 指定端口映射，格式为：主机(宿主)端口:容器端口

若是以上配置都操做正确的话，此时打开本地浏览器，输入 http://localhost:8080/ 就会看到刚刚本身新建的vue项目！

其余docker排查错误的命令

1. 查看当前全部docker进程 docker ps -a
2. 查看容器状态，-f实时刷新 docker logs -f 容器id
3. 删除容器 docker container rm 容器id