使用Docker测试静态网站

Posted 2020-11-22 zhichun

使用Docker测试静态网站

目录

• 1.1 Sample网站的初始Dockerfile
• 1.2 构建Sample网站和Nginx镜像
• 1.3 从Sample网站和Nginx镜像构建容器
• 1.4 修改网站

Sample网站的初始Dockerfile

创建Dockerfile文本

mkdir sample
cd sample 
touch Dockerfile

配置nginx文件

cd sample 
mkdir nginx && cd nginx

wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/
master/code/5/sample/nginx/global.conf

wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/nginx/nginx.conf

cd .. 

Dockerfile文件

FROM ubuntu:14.04
MAINTAINER Ja Tu "[e-mail]"
ENV REFESHED_AT 2019-11-17
RUN apt-get update
RUN apt-get -y -q install nginx
RUN mkdir -p /var/www/html
ADD nginx/global.conf /etc/nginx/conf.d/
ADD nginx/nginx.conf /etc/nginx/nginx.conf
EXPOSE 80

该文件内容包含以下几项：

• 安装Nginx
• 在容器中创建一个目录/var/www/html
• 将来自我们下载的本地文件的Nginx配置文件添加到镜像中
• 公开镜像的80端口

若mac电脑中无wget命令，参考这篇文章
在Mac上安装wget命令

构建Sample网站和Nginx镜像

可以用docker build命令构建出新的镜像，并将这个镜像命名为taiyangyixi2/nginx

docker build -t taiyangyixi2/nginx .

从Sample网站和Nginx镜像构建容器

cd sample 
mkdir website && cd website 
wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/website/index.html
cd ..

现在使用docekr run命令来创建一个容器

docker run -d -p 80 --name website -v $PWD/website:/var/www/html/website jamtur01/nginx nginx

使用docker ps命令查看正在运行的容器

docker ps -l

打开浏览器，就会看到Sample网站

修改网站

vi $PWD/website/index.html

修改完成后刷新，即可