使用Docker测试静态网站

使用Docker测试静态网站

目录

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 "JAMES@example.com"
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网站

使用Docker测试静态网站

修改网站

vi $PWD/website/index.html

修改完成后刷新,即可

上一篇:Welcome to new blog site of Guohua soft


下一篇:跨源资源共享:使用案例场景 CORS