Docker06-静态网站实战

最新推荐文章于 2024-07-20 10:26:26 发布
最新推荐文章于 2024-07-20 10:26:26 发布
阅读量142 收藏
点赞数
分类专栏： Docker 文章标签： docker Dockerfile docker nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gruelxsp/article/details/102646852
版权
本文档详细介绍了如何使用Dockerfile从ubuntu:14.04基础镜像构建Nginx镜像，并部署静态网站。首先，准备上下文目录和Nginx配置，接着编写Dockerfile，安装Nginx并设置静态页面路径。然后，构建镜像，启动容器，并将宿主机目录挂载为卷以实现页面内容的更新。通过访问宿主机的特定端口，可以查看和验证静态网站及其内容的变化。
摘要由CSDN通过智能技术生成

Docker06-静态网站实战

使用nginx搭建一个静态网站simple。

上下文准备

准备构建上下文目录，准备资源（ng配置）。

mkdir sample && cd sample
mkdir nginx && cd nginx
wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/nginx/global.conf
wget http://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/nginx/nginx.conf
cd ..
touch Dockerfile

目录结构如下：

➜  sample tree
.
|____Dockerfile
|____nginx
| |____global.conf
| |____nginx.conf

编写Dockerfile文件：

➜  sample more Dockerfile 
FROM ubuntu:14.04
MAINTAINER laozhou laozhou@example.com
ENV REFRESHED_AT 2019-10-20
RUN apt-get -yqq update && apt-get -yqq install nginx
RUN mkdir -p /var/www/html/website
ADD nginx/global.conf /etc/nginx/conf.d/
ADD nginx/nginx.conf /etc/nginx/nginx.conf
EXPOSE 80

从基础镜像ubuntu:14.04开始构建，安装nginx，创建/var/www/html/website目录，将构建上下文中的ng配置加入到容器中对应的地方，最后暴露容器的80端口。

ng的配置很简单，可以到github上自行查看。

构建镜像

接下来就可以构建我们自己的nginx镜像了：

docker build -t zhouyinyan/nginx .

输出(安装ng的日志忽略)：

Sending build context to Docker daemon  4.608kB
Step 1/8 : FROM ubuntu:14.04
 ---> 2c5e00d77a67
Step 2/8 : MAINTAINER laozhou laozhou@example.com
 ---> Running in 662cd05a2fe7
 ---> c5bb61b8a0c9
Removing intermediate container 662cd05a2fe7
Step 3/8 : ENV REFRESHED_AT 2019-10-20
 ---> Running in 716358b71f7e
 ---> 6bea342012c0
Removing intermediate container 716358b71f7e
Step 4/8 : RUN apt-get -yqq update && apt-get -yqq install nginx
 ---> Running in c104edff89cb
debconf: unable to initialize frontend: Dialog
......
Processing triggers for libc-bin (2.19-0ubuntu6.15) ...
Processing triggers for sgml-base (1.26+nmu4ubuntu1) ...
 ---> 68ea870a53f7
Removing intermediate container c104edff89cb
Step 5/8 : RUN mkdir -p /var/www/html/website
 ---> Running in e9daacce272b
 ---> 8db00e21a444
Removing intermediate container e9daacce272b
Step 6/8 : ADD nginx/global.conf /etc/nginx/conf.d/
 ---> 88ca203634da
Step 7/8 : ADD nginx/nginx.conf /etc/nginx/nginx.conf
 ---> 74715c06de40
Step 8/8 : EXPOSE 80
 ---> Running in 82363a1be193
 ---> a9d62e9f8538
Removing intermediate container 82363a1be193
Successfully built a9d62e9f8538
Successfully tagged zhouyinyan/nginx:latest

可以看到构建镜像的每一层的过程。

我们有可以使用docker history命令来查看每一层运行的命令：

docker history zhouyinyan/nginx

准备静态页面

准备下静态网站的页面（一个index.html页面）:

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

启动静态网站

接下来，我们来用刚构建的ng镜像来启动一个nginx容器：

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

-t: 将宿主机的目录作为卷，挂载到容器中，卷在docker中非常重要，它为docker提供持久化数据或者共享数据的能力。

通过docker ps查看容器的80端口映射的宿主机的哪个端口？

➜  sample docker ps
CONTAINER ID        IMAGE               COMMAND             CREATED             STATUS              PORTS                   NAMES
fe823e3e8312        zhouyinyan/nginx    "nginx"             4 seconds ago       Up 4 seconds        0.0.0.0:32768->80/tcp   website

可访问宿主机的32768端口，来获取index.html页面

➜  sample curl http://localhost:32768/index.html
<head>

<title>Test website</title>

</head>

<body>

<h1>This is a test website</h1>

</body>

修改页面

现在，我们来修改下页面的内容：

vim $PWD/website/index.html

将第9行的<h1>This is a test website</h1>修改为<h1>This is a test website for docker</h1>,再次访问，页面内容发生变更了。

➜  sample curl http://localhost:32768/index.html
<head>

<title>Test website</title>

</head>

<body>

<h1>This is a test website for docker</h1>

</body>
老周（重庆）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Docker新手入门之五：Docker在真实应用中的使用实践
技术空间
02-20 5727
转载过程中，图片丢失，代码显示错乱。为了更好的学习内容，请访问原创版本：https://www.missshi.cn/api/view/blog/5a6327d10a745f6335000005Ps：初次访问由于js文件较大，请耐心等候（5s左右）  在之前的文章中，我们已经了解了Docker一些基础知识，包括什么是Docker，镜像，容器等相关信息。在本文中，我们将会在一些实际场景中演示如何在开...
使用docker制作自定义静态网页输出
xuejuzhou的博客
06-01 695
环境部署 一台centos7虚拟机 安装docker客户端 可以连接外网 第一步 前置操作 在根目录下操作 创建文件sample #mkdir sample #cd sample 在sample目录下制作Dockerfile文档 #vi Dockerfile FROM ubuntu:14.04.3 RUN sudo apt-get -yqq install nginx RUN mkdir -...
docker nginx静态网站示例
04-30
docker nginx静态网站示例，docker Dockerfile方式build docker镜像，启动nginx容器
静态页面+Nginx容器化Dockerfile
qq_40396818的博客
12-04 371
1.创建Dockerfile文件内容如下 FROM nginx:alpine COPY site /usr/share/nginx/html 2.在Dockerfile同级目录下创建site文件夹存放静态资源 3.Dockerfile上级目录执行 docker build -t <镜像名> . 注意不要忘记 .
基于Dockerfile+nginx集成一个静态网页的镜像
qq_41527782的博客
11-16 3057
这篇博客帮助大家利用Dockerfile做一个基于nginx的docker镜像，也就是将一个静态网站封装成image，可以将它丢到镜像仓库中，用的时候可以随时拉取下来，很轻松的在本地运行起来。 1、在网站资源同级目录下面创建一个Dockerfile文件 jm@ubuntu:~/may$ls index.html jm@ubuntu:~/may$vi Dockerfile *************...
docker实战
ccblilianguang的博客
11-05 130
一、docker安装。 1、安装环境：centos7.0以上版本，及关闭防火墙 systemctl stop firewalld.service #停止firewall systemctl disable firewalld.service #禁止firewall开机启动 2、本地yum源安装。 ...
Docker基础入门到实战视频教程.rar
03-26
04.Docker - 在容器中部署静态网站 04.Docker镜像与仓库（一） 01.Docker -查看和删除镜像 02.Docker -获取和推送镜像 03.Docker -构建镜像 05.Docker客户端和守护进程 01.Docker -Docker的......
docker-meetup-traefik
05-15
6. **实战应用**：在实际场景中，如微服务架构，每个服务都可能有多个实例运行在不同的Docker容器中，Traefik可以帮助实现这些服务间的通信，以及对外提供统一的入口，提高系统的可用性和可扩展性。 综上所述，...
Docker应用与实战
06-22
以实战为索引，手把手进行教学，逐步深入的讲解docker应用，包括部署 docker 容器虚拟化平台、配置 docker 镜像加速地址、镜像制作和发布方法，端口映射、命名和重命名、创建实例指定主机名、资源配额控制（cpu、...
SpringBoot实战_springboot实战_
10-02
10. **部署与运行**：书中会介绍如何打包SpringBoot应用为可执行的JAR或WAR文件，以及如何在Docker容器、云平台等环境中部署运行。 11. **微服务实战**：如果标签"springboot实战"指的是微服务实战，那么这部分可能...
管理系统-使用Go+Vue开发的定时任务管理系统-附完整流程教程-优质项目实战.zip
02-18
Go语言，又称Golang，是由Google开发的一种静态类型、编译型、并发型且具有垃圾回收功能的编程语言。Go语言以其简洁的语法、高效的性能和内置的并发支持而闻名，尤其适合于构建网络服务和高并发的后台系统。在本项目...
Docker学习笔记 - Docker部署nginx网站
weixin_33946020的博客
02-02 99
  一、制作 nginx 镜像 1、下载配置文件 mkdir /opt/nginx_docker &amp;&amp; cd /opt/nginx_docker mkdir nginx &amp;&amp; cd nginx wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/n...
- Docker 构建镜像
盗情的博客
06-17 551
1、使用Docker测试静态网站 Eg：将Nginx安装到容器来架构一个简单的网站Sample： （1）先创建一个目录来保存Dockerfile： ~$ mkdir sample //创建目录，存放Dockerfile文件 ~$ cd sample ~$ touch Dockerfile //touch：修改指定文件的时间标签，把已存在的文件的时间标签更新为系统当前时间（...
第一本Docker书02——使用Dockerfile构建一个nginx镜像
月月大王的博客
08-31 298
啥也不说直接上干货 1.创建一个目录 cd /home mkdir sample cd sample/ 2.创建Dockerfile文件 touch Dockerfile mkdir nginx && cd nginx 3.下载两个配置文件，这块也可以自己写 wget https://raw.githubusercontent.com/jamtur01/dockerbook-code/master/code/5/sample/nginx/global.conf
实战基于Docker部署NGINX应用网站
Aasee的博客
08-03 3659
文件一样是nginx的配置文件，我们可以在这两个文件中书写一些你所需的配置，像啥负载均衡啊，代理，重写跳转页面啥的都是在这配置。功能和其他一些所需的操作功能，而且就算有我们每次需要进去配置也是比较的不方便，所以我们需要进行数据卷操作，使我们能够更加简单的方便的来操作docker里的服务。这个地址在后面就会使用到，当然我们这个不仅仅是华为云有，像阿里云， 腾讯云这些也是有的。为什么我要提这一嘴呢，因为我们需要对这两个文件进行配置操作，满足我们后续的需求，而在docker中呢下载的。这里我就以华为云为例。...
Docker实战-编写Dockerfile
DWWWWWEI的博客
10-23 4万+
一、编译镜像1. 编译镜像    Dockerfile类似于Makfile，用户使用docker build就可以编译镜像，使用该命令可以设置编译镜像时使用的CPU数量、内存大小、文件路径等 语法：docker build [OPTIONS] PATH| URL| - 常见选项：           -t 设置镜像的名称和TAG，格式为name:tag           -
Docker——入门实战
热门推荐
等一杯咖啡的博客
07-14 15万+
I. Docker 简介 Docker是一种新兴的虚拟化技术，能够一定程度上的代替传统虚拟机。不过，Docker 跟传统的虚拟化方式相比具有众多的优势。我也将Docker类比于Python虚拟环境，可以有效的配置各个版本的开发环境，比如深度学习与Java环境。 其他的Docker简介也不需要过多介绍，可以参考很流行的《Docker — 从入门到实践》。关于博客，文末列出了最近在掘金上看到...
Docker系列(五)实战：在容器中部署静态网站
小小何先生的学习之旅
08-17 378
文章目录设置容器的端口映射Nginx部署流程创建映射80端口的交互式容器安装Nginx、vim创建静态页面修改Nginx配置文件运行Nginx验证网站访问宿主机的ip地址访问容器的ip地址访问 设置容器的端口映射   网站服务通常通过80端口提供的，那如何访问容器的80端口呢？这就需要在运行容器是设置容器的端口映射。   通过run命令的两个选项来实现这个功能，一个是大写的P，一个是小写的p： run [-P] [-p] -P： --publish-all= true | false默认为false。使
安装docker-18.06报错Error: libseccomp conflicts with docker-18.06
最新发布
weixin_45290734的博客
07-20 278
这个是libseccomp版本跟docker版本不对，要升级docker版本或者降低libseccomp版本。安装低版本的就可以装低版本的docker。2.降低libseccomp版本。1.升级docker版本。安装dockers报错。
Docker容器技术详解与实战指南
Docker镜像是这些步骤的结果，是软件的静态交付形式。而Docker容器则是软件的运行状态，由Docker镜像启动。这三者——Dockerfile、Docker镜像和Docker容器，共同构成了Docker体系的基础。 关于镜像和容器的关系，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值