在Docker容器中部署静态网页的方法教程

Crystalqy 2017-06-13

前言

一般我们在访问容器时需要通过容器的端口来访问，那如何设置容器的端口映射呢？

我们通过以下命令来设置：

docker run -p ip:hostPort:containerPort [--name] [-i] [-t] 镜像名 [COMMAND][ARG...]
  • ip：表示宿主机ip
  • hostPort：宿主机端口号
  • containerPort：容器端口号

设置的方式有以下几种：

containerPort，指定容器端口号,宿主机端口随机生成

[root@localhost ~]# docker run -p 80 --name web_test -i -t 80864d42dd23  hub.c.163.com/library/ubuntu /bin/bash

hostPort：containerPort映射主机端口和容器端口

[root@localhost ~]# docker run -p 8080:80 --name web_test -i -t 80864d42dd23  hub.c.163.com/library/ubuntu /bin/bash

ip::containerPort设置主机的随机端口到容器端口

[root@localhost ~]# docker run -p 0.0.0.0::80 --name web_test -i -t 80864d42dd23  hub.c.163.com/library/ubuntu /bin/bash

ip:hostPort:containerPort映射指定地址的指定端口到容器的指定端口

[root@localhost ~]# docker run -p 0.0.0.0:8080:80 --name web_test -i -t 80864d42dd23  hub.c.163.com/library/ubuntu /bin/bash

下面通过nginx在容器部署静态网页，通过以下步骤

      - 创建80映射端口的交互式容器

      - 安装nginx

      - 安装文本编辑器vim

      - 创建静态网页

      - 运行nginx

      - 验证网页

示例如下（如果安装完ubuntu后不能安装nginx进行apt-get update）:

[root@localhost ~]# docker run -p 80 --name static_test -i -t hub.c.163.com/library/ubuntu /bin/bash
root@25fcbf6e953d:/# apt-get install -y nginx
Reading package lists... Done
Building dependency tree  
Reading state information... Done
E: Unable to locate package nginx
root@25fcbf6e953d:/# apt-get update   
Get:1 http://archive.ubuntu.com/ubuntu xenial InRelease [247 kB]
Get:2 http://archive.ubuntu.com/ubuntu xenial-updates InRelease [102 kB]
**中间日志省略。。。。。。。。。。**                   
Fetched 24.9 MB in 9s (2717 kB/s)                                 
Reading package lists... Done
root@25fcbf6e953d:/# apt-get install -y nginx
Reading package lists... Done
Building dependency tree  
Reading state information... Done
**安装日志省略。。。。。。。。。。**

然后安装vim:

root@25fcbf6e953d:/# apt-get install -y vim
Reading package lists... Done
Building dependency tree  
Reading state information... Done
The following additional packages will be installed:
**安装日志省略。。。。。。。。。。**

然后建立存放静态文件的目录，并创建一个简单的html文件：

root@25fcbf6e953d:/# mkdir -p /var/www/html
root@25fcbf6e953d:/# 
root@25fcbf6e953d:/# cd /var/www/html/
root@25fcbf6e953d:/var/www/html# vim index.html
root@25fcbf6e953d:/var/www/html# ll 
total 8
drwxr-xr-x. 2 root root 53 Mar 13 05:02 ./
drwxr-xr-x. 3 root root 17 Mar 13 04:50 ../
-rw-r--r--. 1 root root 79 Mar 13 05:02 index.html
-rw-r--r--. 1 root root 612 Mar 13 04:51 index.nginx-debian.html
root@25fcbf6e953d:/var/www/html# cat index.html 
<html>
<body>
<h1>
  this is the first docker static file
</h1>
</body>
</html>
root@25fcbf6e953d:/var/www/html#

找到nginx的安装目录，更改default的root值为刚才创建的目录：

root@25fcbf6e953d:/var/www/html# whereis nginx
nginx: /usr/sbin/nginx /etc/nginx /usr/share/nginx
root@25fcbf6e953d:/var/www/html# cd /etc/nginx/sites-enabled/
root@25fcbf6e953d:/etc/nginx/sites-enabled# ll
total 4
drwxr-xr-x. 2 root root 20 Mar 13 04:51 ./
drwxr-xr-x. 6 root root 4096 Mar 13 04:51 ../
lrwxrwxrwx. 1 root root 34 Mar 13 04:51 default -> /etc/nginx/sites-available/default
root@25fcbf6e953d:/etc/nginx/sites-enabled# vim default

在Docker容器中部署静态网页的方法教程

然后启动nginx,查看容器进程：

root@25fcbf6e953d:/etc/nginx/sites-enabled# nginx
root@25fcbf6e953d:/etc/nginx/sites-enabled# ps -ef 
UID  PID PPID C STIME TTY   TIME CMD
root   1  0 0 04:48 ?  00:00:00 /bin/bash
root  827  1 0 05:06 ?  00:00:00 nginx: master process nginx
www-data 828 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 829 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 830 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 831 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 832 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 833 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 834 827 0 05:06 ?  00:00:00 nginx: worker process
www-data 835 827 0 05:06 ?  00:00:00 nginx: worker process
root  836  1 0 05:07 ?  00:00:00 ps -ef
root@25fcbf6e953d:/etc/nginx/sites-enabled#

然后按ctrl+p,ctrl+q退出交互式容器。

使用Docker ps查看容器的端口和运行情况，也可以通过dcoker port 镜像名查看：

root@localhost ~]# docker ps
CONTAINER ID  IMAGE       COMMAND     CREATED    STATUS    PORTS     NAMES
25fcbf6e953d  hub.c.163.com/library/ubuntu "/bin/bash"    18 minutes ago  Up 18 minutes  0.0.0.0:32772->80/tcp static_test
[root@localhost ~]# docker port static_test
80/tcp -> 0.0.0.0:32772
[root@localhost ~]#

可以看到容器的80端口映射到注解的32772端口。

通过curl访问创建的index.html文件：

[root@localhost ~]# curl http://127.0.0.1:32772/index.html
<html>
<body>
<h1>
  this is the first docker static file
</h1>
</body>
</html>
[root@localhost ~]#

也可以通过docker inspect 容器名来查看容器的详细信息和ip

通过容器ip进行访问：

[root@localhost ~]# docker inspect static_test
其他信息省略
"IPAddress": "172.17.0.5",
[root@localhost ~]# curl http://172.17.0.5/index.html
<html>
<body>
<h1>
  this is the first docker static file
</h1>
</body>
</html>
[root@localhost ~]#

当我们使用docker stop 容器名停止这个容器后，再使用docker start 容器名启动容器后，里面的nginx并没有启动。那么我们使用docker exec 容器名 nginx来启动：

[root@localhost ~]# docker stop static_test
static_test
[root@localhost ~]# docker ps 
CONTAINER ID  IMAGE       COMMAND     CREATED    STATUS    PORTS     NAMES
b4f32bbe4a34  hub.c.163.com/library/ubuntu "/bin/bash"    41 hours ago  Up 41 hours         loving_brattain
d75a2d8c7822  xingguo/df_test1    "nginx -g 'daemon off" 2 days ago   Up 2 days   0.0.0.0:32770->80/tcp df_nginx_web
959c0fc5d903  xingguo/commit_test1   "nginx -g 'daemon off" 2 days ago   Up 2 days   0.0.0.0:32769->80/tcp nginx_test
[root@localhost ~]# docker start static_test
static_test
[root@localhost ~]# docker ps 
CONTAINER ID  IMAGE       COMMAND     CREATED    STATUS    PORTS     NAMES
25fcbf6e953d  hub.c.163.com/library/ubuntu "/bin/bash"    29 minutes ago  Up 2 seconds  0.0.0.0:32773->80/tcp static_test
b4f32bbe4a34  hub.c.163.com/library/ubuntu "/bin/bash"    41 hours ago  Up 41 hours         loving_brattain
d75a2d8c7822  xingguo/df_test1    "nginx -g 'daemon off" 2 days ago   Up 2 days   0.0.0.0:32770->80/tcp df_nginx_web
959c0fc5d903  xingguo/commit_test1   "nginx -g 'daemon off" 2 days ago   Up 2 days   0.0.0.0:32769->80/tcp nginx_test
[root@localhost ~]# docker top static_test
UID     PID     PPID    C     STIME    TTY     TIME    CMD
root    4719    4702    0     13:17    pts/2    00:00:00   /bin/bash
[root@localhost ~]# docker exec static_test nginx
[root@localhost ~]# docker top static_test
UID     PID     PPID    C     STIME    TTY     TIME    CMD
root    4719    4702    0     13:17    pts/2    00:00:00   /bin/bash
root    4800    1     0     13:18    ?     00:00:00   nginx: master process nginx
amandab+   4801    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4802    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4803    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4804    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4805    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4806    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4807    4800    0     13:18    ?     00:00:00   nginx: worker process
amandab+   4808    4800    0     13:18    ?     00:00:00   nginx: worker process
[root@localhost ~]#

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如有疑问大家可以留言交流，谢谢大家对安科网的支持。

Crystalqy

Crystalqy

相关推荐

上网如何保存记录？你要知道Session和Cookie的关系

为什么要用Session和Cookie?简单一句话，因为Session和Cookie可以记录用户状态信息。嘶..这到底啥意思呢?HTTP协议对事务处理是没有记忆能力，也就是说服务器不知道客户端是什么状态。只需要在下次请求时携带这些Cookie，服务器就能通

jincheng / 0评论 2020-09-01

Python selenium如何打包静态网页并下载

需要将自动化操作的一些图片截取下来，以作为后期图片匹配使用。='随文') & (df['完成情况'] !save_folder = r"I:\code\python\data\01 爬取微信公众号历史文章\01 二律背反的一灯如豆&quo

Reiki / 0评论 2020-08-16

静态页面和动态页面的区别

动态网页和静态网页的区别，首先要分别了解两个概念，就是什么是静态网页，什么是动态网页，并且学会区分哪些是静态哪些是动态。静态网页不能简单地理解成静止不动的网页，他主要指的是网页中没有程序代码，只有HTML，一般后缀为.html,.htm,或者.xml等。虽

PlumRain / 0评论 2020-05-18

动静态web项目

在Eclipse中将web项目分为了DynamicWebProject和StaticWebProject。那么这两种有什么区别呢？其实这里的Dynamic和Static是通过页面来区分的。创建的页面只能是静态的就叫作静态web项目，而创建的页面是动态的就叫

CoderBoy / 0评论 2019-12-30

转摘Apache与Tomcat有什么关系和区别

Apache和Tomcat都是web网络服务器，两者既有联系又有区别，在进行HTML、PHP、JSP、Perl等开发过程中，需要准确掌握其各自特点，选择最佳的服务器配置。　　Apache是web服务器，tomcat是java应用服务器。　　Tomcat只是

stoneechogx / 0评论 2019-12-25

Java、javascript、JS和JScript区别

Java是由Sun公司创立、开发；javascript则是Sun和Netscape公司共同开发的产品；JScript是微软对ECMA262语言规范的一种实现。JScript应用于ASP，运行于服务器端。而Java、javascript都是运行于客户端。Su

sleep技术讨论区 / 0评论 2015-05-29

初识PHP的血泪史——初学者在学PHP会出现的几个问题

这个学期开学就开始跟PHP打交道，自学PHP有一段时间了，用的只是一些零散时间学习，进度也不是很快，不过这个国庆假期可以好好学学了，说也奇怪，之前话很多时间搞不懂的问题，在跟小伙伴们愉快地游戏两天后，什么都明白了，也许有时候就是这样，有时候你想解决一个问题

huangjingqian / 0评论 2013-10-03

HTML教程

华丽的网页界面，都是由静态网页和一些动态效果，插入的视频，和flash等等，不得不说，静态网页的制作，是学习网页的必经之路，可见静态网页在学习网页的前端是十分重要。静态网页主要是通过html制作。现在我来简单的介绍一下html吧，html是一种超文本标记语

HTML混合APP开发 / 0评论 2016-10-17

爬虫初级操作（一）

python 关于爬虫的一些基本操作和知识静态网页抓取动态网页抓取基本操作和知识通过下面介绍的网络爬虫的流程，我们可以看到包含的知识点有哪些：。返回200，表示请求成功。一个 HTTPError 对应相应的状态码，HTTP 状态码表示 HTTP 协议所返回

刘康康 / 0评论 2019-06-27

rails 静态网页 续

上一篇的网页 虽然体现了基本的功能 但是它还不能算是一个网页，下面我们继续来做，看视频学习虽然好但是特点就是有的东西当时记住了但是过一段时间会忘记，在这里记下笔记以便于以后的使用把。下面就在网页的主页中添加一个图片：。<h1>about<

lihaoningxia / 0评论 2015-05-18

[转]Apache与Tomcat 区别及联系

原文链接Apache 和 Tomcat 都是web网络服务器，两者既有联系又有区别，在进行HTML、PHP、JSP、Perl等开发过程中，需要准确掌握其各自特点，选择最佳的服务器配置。Tomcat只是一个servlet容器，可以认为是apache的扩展，但

在旅途 / 0评论 2019-06-20

百度天天更新并收录的八点做法

后研究时从万能导航网上去掉高质量链接，百度搜索引擎天天更新立即就终止了，这就充分说明了这个问题了。如此好的用户体验，想不让百度等搜索引擎青睐也难。道理很简单，静态网页结构完整、脉络清晰，极其有利于百度的网络蜘蛛爬行。

lovecloudpan / 0评论 2010-01-10

SEO 静态网页不一定优于动态网页

还好找到谷歌中文网站管理员博客相关文章，他们提出不一定静态的优于动态。然而，事实是，谷歌在这两个方面都有了相当的进展。如果您为了让网址看起来像是静态的，而隐藏那些可以给谷歌提供有价值信息的参数，这样做反而会给该网址的抓取和排名带来麻烦。您可以去掉一些对于G

互联网 / 0评论 2009-12-12

浅谈网站服务器的负载能力问题

普通的架设一台Web服务器已经非常简单，尤其是在Windows平台上，很多Web服务器软件都有图形化的安装工具和图形化的管理工具。然而，如何使得架设的Web服务器能真正达到承担非常高的负载 ?对于下列问题或者类似问题：1、某VPS能支持多少PV？没有答案的

xiaoyuaner / 0评论 2016-07-04

Python网络爬虫技巧小总结，静态、动态网页轻松爬取数据

很多人学用python，用得最多的还是各类爬虫脚本：有写过抓代理本机验证的脚本，有写过自动收邮件的脚本，还有写过简单的验证码识别的脚本，那么我们今天就来总结下python爬虫抓站的一些实用技巧。静态网页对于静态网页的爬虫不用多说大家也都知道，因为爬取静态网

Stephenzsky / 0评论 2018-09-07

Gulp实现静态网页模块化的方法详解

在做纯静态页面开发的过程中，难免会遇到一些的尴尬问题。比如：整套代码有50个页面，其中有40个页面顶部和底部模块相同。那么同样的两段代码我们复制了40遍。然后，这个问题就这样解决了。再然后，产品经理看了几遍后突然说顶部的某块需要改改设计。。。突然感觉好尴尬

Java学习之乐 / 0评论 2018-01-09

Python使用爬虫爬取静态网页图片的方法详解

本文实例讲述了Python使用爬虫爬取静态网页图片的方法。分享给大家供大家参考，具体如下：。其实爬虫没有大家想象的那么复杂，有时候也就是几行代码的事儿，千万不要把自己吓倒了。这篇就清晰地讲解一下利用Python爬虫的理论基础。首先说明爬虫分为三个步骤，也就

lhxxhl / 0评论 2018-06-05

python+django加载静态网页模板解析

今天我们来看看Django是如何加载静态html的？二者有什么区别？静态HTML指的是使用单纯的HTML或者结合CSS制作的包括图片、文字等的只供用户浏览但不包含任何脚本、不含有任何交互功能的网页！动态的HTML指的是网页不仅提供给用户浏览，网页本身还有交

Misswangdapao / 0评论 2017-12-12

tomcat部署简单的html静态网页的方法

首先电脑上应该装好java和Tomcat，并设置好它们的环境变量。设置完成后，启动Tomcat ，打开浏览器输入网址：http://ip:port，如果出现相应的页面，说明Tomcat安装成功，可以继续下面的配置。<Host name="1

oITXiaoShuo / 0评论 2018-06-25

基于nginx的静态网页部署的实现

本文采用的基于openresty的nginx 配置。简单地配置 Nginx 的配置文件，以便在启动 Nginx 时去启用这些配置即可实现对于编写好的html网页的点击跳转访问。而本文的重点也是于此。Nginx 的配置系统由一个主配置文件和其他一些辅助的配置

liuchen0 / 0评论 2018-06-02

Ubuntu lighttpd安装解压缩运行代码

在向大家详细介绍Ubuntu lighttpd之前，首先让大家了解下Ubuntu lighttpd，然后全面介绍Ubuntu lighttpd，希望对大家有用。是的,没错,用Ubuntu lighttpd+mono可以在Linux上面跑Linux程序.Ub

89213511 / 0评论 2010-03-05

seo中静态与动态全解析

seo中静态与动态。程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。静态网页和动态网页各有特点，网站采用动态网页还是静态网

dfhtgh / 0评论 2011-07-03

php基础教程

当前网络技术发展日新月异，各种基于服务端创建动态网站的脚本语言更是层出不穷。其中PHP以其简单、易用、可移植性强等特点，在众多的动态网站语言技术中独树一帜。那么到底什么是PHP，如何使用PHP？本章将来回答这些问题。通过本章的学习，将使读者对PHP有一个大

masaichi / 0评论 2015-08-26

Linux使用Node.js建立访问静态网页的服务实例详解

console.log;三、创建index.html首页文件，放在路径为/node/www/下面。感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

chuanwang / 0评论 2019-04-05

Java 项目生成静态页面的代码

不外乎有以下因素： 1、从页面加载时间来看：静态页面不需要与数据库建立连接，尤其是访问数据量较大的页面，这种页面大多要查很多结果集，因此建立连接次数就增多了，时间不可观，而静态页面则省去了这些时间。因此，我认为，生成静态页面具有可行性。

淡泊明智宁静志远 / 0评论 2009-07-01

PHP将整个网站生成HTML纯静态网页的方法总结

//在你的开始处加入 ob_start();下面是一些用到的函数的介绍： 1、Flush：刷新缓冲区的内容，输出。

PHP100 / 0评论 2019-03-27

用libtemplate实现静态网页生成

varname则是libtemplate中$target,使用如下:$tpl->set_file;...$tpl->parse;$tpl->savetofile;相信懂libtemplate的读者很容易理解这些.//清除已赋值数组func

编程10000问 / 0评论 2019-03-26

用libTemplate实现静态网页的生成

原来在dev-club发表的一篇文章，将怎么用模板处理程序PHPlib 中的template.inc实现静态网页的生成，呵呵，居然被列入精华，并被多个网站转载，想来这是荣幸。其实网上这方面的东西很多了，我上此发布的所谓IAMS，里面也有，有心人可以看一下。

编程10000问 / 0评论 2019-03-26

前端基础-什么是前端

相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代额产物

前端外刊评论 / 0评论 2018-05-24

Apache & Tomcat

Apache 和 Tomcat 都是web网络服务器，两者既有联系又有区别，在进行HTML、PHP、JSP、Perl等开发过程中，需要准确掌握其各自特点，选择最佳的服务器配置。Apache是web服务器，tomcat是java应用服务器Tomcat只是一个

Jacinth / 0评论 2018-05-05

htm、html、shtml网页区别

Htm和html是完全静态的网页不通过服务器编译解释直接送出给浏览器读取的静态网页，以Htm和html伪静态Request除外。html、htm、shtml、shtm均是静态html网页。都是网页文件后缀名不同的html网页扩展名。可以认为html与htm

三节课 / 0评论 2018-04-12

apache--配置文件属性介绍

Apacheapache是众多web服务器中的一员，其它web服务器还有什么nginx、Sun、Microsoft等等。(关于静态网站和动态网站的解析：程序是否在服务器端运行，这个是判断网页属不属于动态网页的重要标志。在网站设计中，纯粹HTML格式的网页通

BitTigerio / 0评论 2017-12-16

github上的项目发布成静态网页

代码上传成功之后就可以发布静态网页了，细心的童鞋应该已经看到我上传的代码在根目录就有一个html文件，发布的时候选择仓库即自动识别了。到此整个发布也完成了。

软件设计 / 0评论 2017-06-10

用libtemplate实现静态网页生成

有很长一段时间我到处问别人怎么实现静态网页，还向唠叨提过问题，而如今，我终于想出了一个很简单的办法，那就是用libtemplate来实现它。函数中的dir是我们要保存在文件的地方。varname则是libtemplate中$target,使用如下:. 相信

php编程 / 0评论 2016-10-25