Docker容器中部署静态网页

最新推荐文章于 2024-02-29 17:46:32 发布
最新推荐文章于 2024-02-29 17:46:32 发布
阅读量9.6k 收藏 3
点赞数
分类专栏： docker 文章标签： docker 端口映射 部署静态网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014231523/article/details/61916145
版权

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

docker run -p ip:hostPort:containerPort [--name] [-i] [-t] 镜像名 [COMMAND][ARG...]

ip：表示宿主机ip
hostPort：宿主机端口号
containerPort：容器端口号

设置的方式有以下几种：

  1. containerPort，指定容器端口号,宿主机端口随机生成
[root@localhost ~]# docker run -p 80 --name web_test -i -t 80864d42dd23        hub.c.163.com/library/ubuntu /bin/bash
  1. 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

这里写图片描述

然后启动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 ~]#
兴国First
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
在Docker容器中部署静态网页的方法教程
09-30
主要给大家介绍了在Docker容器中部署静态网页的方法教程，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
docker部署nginx
01-07
文章目录1、拉取官方镜像2、创建宿主机配置文件相关3、启动nginx4、测试5、杂谈 1、拉取官方镜像 1、拉取官方镜像 docker pull nginx 2、创建宿主机配置文件相关 mkdir docker mkdir nginx mkdir conf conf.d data logs data：静态资源，一般前端页面 logs：nginx日志 conf.d: nginx配置，代理、转发、负载、集群、。。。 conf：nginx配置，一般配置缓存、限流在这个里面 。。。 conf 文件夹下面： conf /nginx.conf： user nginx; worker_pro
Docker部署前端项目
最新发布
weixin_44876263的博客
02-29 1299
Docker 是一个用于开发、交付和运行应用程序的开源平台。它利用容器技术，只隔离应用程序的运行时环境但容器之间可以共享同一个操作系统，可以将应用程序及其依赖项打包到一个可移植的容器中，然后发布到任何支持 Docker 的环境中运行，无论是开发人员的个人笔记本电脑、数据中心的虚拟机，还是云服务提供商的主机上。可以理解成一个更轻量级的 虚拟机 并且使用的是本机的操作系统。容器(Container)：容器是一个轻量级、独立、可执行的软件包，包含应用程序及其所有依赖项（如代码、运行时、系统工具、库等）。
云原生之使用Docker部署homer静态主页
jks212454的博客
08-04 884
云原生之使用Docker部署homer静态主页
记一次docker 部署前端项目
axibadexiang的博客
05-22 9159
一、Docker概述： Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化，容器是完全使用沙箱机制，相互之间不会有任何接口。 个完整的Docker有以下几个部分组成： DockerClient客户端 Docker Daemon守护进程 Docker Image镜像 DockerContaine...
docker nginx 部署静态网站
pxxcsdn的博客
12-18 586
docker中使用nginx部署静态网站
Docker+nginx部署静态页面
qq_40102556的博客
12-07 1130
1.搜索安装的 nginx 镜像 docker search nginx 2.在docker hub 中选择合适的版本后进行 镜像拉取 docker pull nginx 3.拉取完成后运行 nginx 容器 ​ 使用 xftp 上传静态页面到服务器的/usr/html 目录下 docker run -di --name=nginx -p 90:80 -v /usr/html:/usr/share/nginx/html nginx # -d 后台运行 # -i 交互方式运行 # --na
Docker用nginx镜像部署一个静态网站
记录一些平时遇到的一些好的文章的转载、bug及解决方案
01-25 3776
准备工作 本地搜索一个 nginx.conf 文件，然后再新建一个文件夹 /var/www/nginx 来存放nginx的挂载文件！ 用docker配置nginx docker run --name sharemen-nginx -p 8080:80 -v /var/www/nginx/nginx.conf:/etc/nginx/nginx.conf -v /var/ww/nginx/log:/var/log/nginx -v /var/www/nginx/nginx.conf.default:/etc/
Docker nginx部署多个web静态资源，且隐藏端口
非为000的博客
10-24 1582
Docker nginx部署多个web静态资源，且隐藏端口 背景： 将多个静态资源部署在docker上，希望能直接使用域名访问，而非域名+端口号 具体思路： 先使用docker创建3个nginx容器 1、web1网站部署的nginx 端口81 2、web2网站部署的nginx 端口82 3、proxy_nginx 用于代理转发的nginx 端口80 说明： 1、统一使用nginx来做入口的代理和转发，这种方法，笔者认为比较理想且优质。需要注意的是，proxy_nginx的端口，必须是80
在docker中部署静态网站
tororo_cat的博客
08-07 878
在docker中部署静态网站 docker ps -a 列出所有容器 2.docker ps -l 列出正在运行的容器 3.docker inspect node(容器名) 列出该容器的配置信息 docker run --name=container01 -i -t ubuntu /bin/bash 创建一个容器名为container01，环境为ubuntu的容器，并运行该容器 docker rm CONTAINER_ID(容器ID，通过docker pa -a可以查看) 通过容器ID删除容器，注意，如
Docker利用Nginx部署前端项目
尽我所能，分享开发问题的解决方式
10-27 6895
Dockerfile左侧的dist文件夹就是你前端项目存放的文件夹、nginx.conf.template文件中设置了首页跳转index等，使用时记得改成自己所需的；注：如果是linux系统，先找个位置创建文件夹，然后利用可视化窗口将三个文件全部拉到刚刚创建的文件夹下即可。--p：端口号，左侧为外网访问端口，右侧为内部映射端口，与nginx.conf.template的监听端口默认80一样即可。到此为止，你的项目就成功部署到Docker中的Nginx中了，撒花*★,°*:.☆(￣▽￣)/$:*.°★*。
使用docker部署nginx静态web环境.pptx
06-09
Docker容器技术
Docker基础入门到实战视频教程.rar
03-26
04.Docker - 在容器中部署静态网站 04.Docker镜像与仓库（一） 01.Docker -查看和删除镜像 02.Docker -获取和推送镜像 03.Docker -构建镜像 05.Docker客户端和守护进程 01.Docker -Docker的......
Docker 入门视频.zip
02-21
04-在容器中部署静态网站 03-Docker 镜像与仓库（一） 01-查看和删除镜像 02-获取和推送镜像 03-构建镜像 04-Docker 镜像与仓库（二） 01-Dockerfile指令（上） 02-Dockerfile 指令（下） 03-Dockerfile 构建过程 05...
docker国内镜像拉取和镜像加速registry-mirrors配置修改
热门推荐
兴国-为梦想而战
03-10 11万+
拉取docker国内镜像，加速器，修改registry-mirro,找不到/etc/default/dcoker,/etc/sysconfig/docker
Docker的数据卷和数据卷容器
兴国-为梦想而战
03-24 1万+
在Docker的使用过程中往往需要对数据进行持久化，或者需要在多个容器之间进行数据共享，所以这就涉及到Docker容器的数据操作。 容器中数据管理主要有两种方式：数据卷和数据卷容器。 数据卷（Data Volumes） 容器内数据直接映射到本地宿主机。 数据卷容器（Data Volume Containers） 使用特定容器维护数据卷。 数据卷数据卷是一个特殊的目录，它将主机目录直接映射进容器。可
docker架构的基本组成
兴国-为梦想而战
03-11 6112
docker主要有以下几部分组成： Docker Client 客户端 Docker daemon 守护进程 Docker Image 镜像 Docker Container 容器 Docker Registry 仓库
Docker守护进程
兴国-为梦想而战
03-13 4671
其中守护进程有两种方式， 一种是使用基本的命令[root@localhost ~]# docker run -i -t 镜像名 /bin/bash然后使用ctrl+p,ctrl+q返回。 第二种是使用命令 [root@localhost ~]# docker run -d 镜像名 [COMMAND][ARG...]
docker容器里面部署了些什么内容
05-25
通常情况下，Docker容器中包含应用程序的运行时依赖项、配置文件、静态资源文件等。具体来说，Docker容器中可能包含以下内容： 1. 操作系统：Docker容器可以基于各种不同的操作系统镜像构建，如Ubuntu、CentOS、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值