安科网

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

Crystalqy

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 ~]#

总结

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

静态网页 docker docker命令 容器

Crystalqy

Crystalqy

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

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

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

jincheng 2020-09-01

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

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

Reiki 2020-08-16

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

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

PlumRain 2020-05-18

动静态web项目

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

CoderBoy 2019-12-30

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

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

stoneechogx 2019-12-25

Java、javascript、JS和JScript区别

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

sleep技术讨论区 2015-05-29

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

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

huangjingqian 2013-10-03

HTML教程

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

HTML混合APP开发 2016-10-17

爬虫初级操作（一）

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

刘康康 2019-06-27

rails 静态网页 续

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

lihaoningxia 2015-05-18

[转]Apache与Tomcat 区别及联系

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

在旅途 2019-06-20

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

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

lovecloudpan 2010-01-10

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

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

互联网 2009-12-12

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

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

xiaoyuaner 2016-07-04

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

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

Stephenzsky 2018-09-07

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

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

Java学习之乐 2018-01-09

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

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

lhxxhl 2018-06-05

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

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

Misswangdapao 2017-12-12

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

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

oITXiaoShuo 2018-06-25

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

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

liuchen0 2018-06-02
Crystalqy

Crystalqy

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号