使用Docker测试静态网站

Posted zhichun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用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网站

技术图片

修改网站

vi $PWD/website/index.html

修改完成后刷新,即可

以上是关于使用Docker测试静态网站的主要内容,如果未能解决你的问题,请参考以下文章

使用docker创建静态网站应用-多种方式

使用Docker构建nginx静态网站

启动时使用静态数据进行 Docker 集成测试

docker 学习 docker部署静态网站

Docker学习笔记(4-3)Docker容器内部署静态网站

docker 学习 docker部署静态网站