Docker之nginx容器中部署靜態文件

    docker中部署nginx, 而後nginx中部署靜態資源文件, 上網搜了下, 以爲的搜到的文章講的不是很清晰, 因此本身寫一篇.

    注: Docker版本以下:

Client:
 Version:	17.12.0-ce
 API version:	1.35
 Go version:	go1.9.2
 Git commit:	c97c6d6
 Built:	Wed Dec 27 20:11:19 2017
 OS/Arch:	linux/amd64

Server:
 Engine:
  Version:	17.12.0-ce
  API version:	1.35 (minimum version 1.12)
  Go version:	go1.9.2
  Git commit:	c97c6d6
  Built:	Wed Dec 27 20:09:53 2017
  OS/Arch:	linux/amd64
  Experimental:	false

    本人使用的是ubuntu18, 已經安裝了docker, 以後要有nginx鏡像, 我使用的nginx鏡像是nginx:1.14

    先後端分離, 前端單獨部署在nginx中, 可是安裝nginx, 看了教程, 感受要裝不少東西, 步驟不少...因爲服務器上裝了docker, 因此咱們就用nginx容器了, 服務器上再也不手動安裝nginx.

1 建立名爲nginx的volume

    用docker的卷,將nginx容器的目錄掛載到host機器的本地文件中, 這樣咱們只須要修改host中對應目錄的文件便可, 方便管理.

    List-1.1 使用docker volume create 卷名建立數據卷

xx@xx-ubuntu:/opt/software/nginx/html$ docker volume create nginx
xx@xx-ubuntu:/opt/software/nginx/html$ docker volume ls
DRIVER              VOLUME NAME
local               nginx

     以下的List-1.2所示, 使用docker volume inspect nginx命令查看剛纔建立的數據卷nginx, 能夠看到這個數據卷對應到本地的/var/lib/docker/volumes/nginx/_data目錄, 後面會去查看這個目錄, 下面的內容中會涉及

    List-1.2 

xx@xx-ubuntu:/opt/software/nginx/html$ docker volume inspect nginx 
[
    {
        "CreatedAt": "2018-12-18T20:18:41+08:00",
        "Driver": "local",
        "Labels": {},
        "Mountpoint": "/var/lib/docker/volumes/nginx/_data",
        "Name": "nginx",
        "Options": {},
        "Scope": "local"
    }
]

2 建立容器

    執行以下List-2.1中的命令, 這裏值得注意的是"-v  nginx:/etc/nginx "這個參數, 這個的意思是將數據卷nginx掛載到容器的/etc/nginx目錄

    List-2.1 

xx@xx-ubuntu:/opt/software/nginx/conf$ docker run -d -v nginx:/etc/nginx -p 80:80 --name nginx nginx:1.14

    查看數據卷nginx對應的本地目錄(根據List-1.2咱們得知數據卷nginx對應的本地目錄), 以下List-2.2所示, 多出來不少東西, 這些文件都是nginx的. 咱們來查看nginx.conf這個文件, 如List2.3所示, 可知關鍵是/etc/nginx/conf.d目錄下的.conf文件, 默認有個default.conf, 咱們拷貝default.conf, 重命名爲hello.conf, 內容以下List-2.5所示

    List-2.2 要用root去查看

root@xx-ubuntu:/var/lib/docker/volumes/nginx/_data# ll
total 48
drwxr-xr-x 3 root root 4096 12月 18 20:18 ./
drwxr-xr-x 3 root root 4096 12月 18 20:18 ../
drwxr-xr-x 2 root root 4096 12月 18 20:21 conf.d/
-rw-r--r-- 1 root root 1007 11月  6 21:28 fastcgi_params
-rw-r--r-- 1 root root 2837 11月  6 21:28 koi-utf
-rw-r--r-- 1 root root 2223 11月  6 21:28 koi-win
-rw-r--r-- 1 root root 5170 11月  6 21:28 mime.types
lrwxrwxrwx 1 root root   22 11月  6 21:28 modules -> /usr/lib/nginx/modules
-rw-r--r-- 1 root root  643 11月  6 21:28 nginx.conf
-rw-r--r-- 1 root root  636 11月  6 21:28 scgi_params
-rw-r--r-- 1 root root  664 11月  6 21:28 uwsgi_params
-rw-r--r-- 1 root root 3610 11月  6 21:28 win-utf

    List-2.3 用root用戶查看

root@xx-ubuntu:/var/lib/docker/volumes/nginx/_data# more nginx.conf 
...

    #包含/etc/nginx/conf.d目錄下全部.conf結尾的文件
    include /etc/nginx/conf.d/*.conf;
}

    List-2.4 用root用戶去操做

root@xx-ubuntu:/var/lib/docker/volumes/nginx/_data/conf.d# ll
total 16
drwxr-xr-x 2 root root 4096 12月 18 20:21 ./
drwxr-xr-x 3 root root 4096 12月 18 20:18 ../
-rw-r--r-- 1 root root 1093 11月  6 21:28 default.conf
-rw-r--r-- 1 root root 1087 12月 18 20:21 hello.conf

    List-2.5 其它沒必要要的內容被我刪除了

root@xx-ubuntu:/var/lib/docker/volumes/nginx/_data/conf.d# more hello.conf 
server {
    #listen的值修改成本身要的端口 
    listen       3002;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        #root的值修改成本身的就能夠了,表示這個目錄下有咱們要訪問的靜態資源
        root   /opt/html;
        index  index.html index.htm;
    }

}

    上述的完成後, 咱們在本地目錄下建個index.html, 以下List-2.6所示

    List-2.6

xx@xx-ubuntu:/opt/software/nginx/html$ ll
total 12
drwxr-xr-x 2 mjduan mjduan 4096 12月 18 20:24 ./
drwxr-xr-x 4 mjduan mjduan 4096 12月 18 20:22 ../
-rw-r--r-- 1 mjduan mjduan  171 12月 18 20:24 index.html

    以後咱們刪除以前建立的容器nginx, 再建立一個容器, 以下List-2.7所示:

    List-2.7

xx@xx-ubuntu:/opt/software/nginx/conf$ docker rm nginx 
nginx
xx@xx-ubuntu:/opt/software/nginx/conf$ docker run -d -v nginx:/etc/nginx -v /opt/software/nginx/html:/opt/html -p 3002:3002 -p 80:80 --name nginx nginx:1.14

    說明: List-2.7中, "-v nginx:/etc/nginx"是將數據卷nginx掛載到容器的/etc/nginx目錄, "-v /opt/software/nginx/html:/opt/html"是將本地的/opt/software/nginx/html目錄掛載到容器的/opt/html目錄, 因爲咱們須要3002端口(List-2.5中設置的),因此須要映射出來.

    以後瀏覽器中訪問3002端口, 以下圖2.1所示:

                                                      

                                                                          圖2.1 看到的是List-2.6中index.html

    到這裏,基本就結束了,咱們要部署靜態文件,只須要放在目錄/opt/software/nginx/html下就能夠了,咱們不須要在host機器上安裝nginx及其依賴.