Docker + Nginx 部署网页

1,664 阅读2分钟

该篇博客参考与, 他讲的更加的具体更加的基础。我的更加简化了,加入了可视化界面的配置。可以算原创😁
作者:InkDP
链接:hacpai.com/article/156…
来源:黑客派 协议:CC BY-SA 4.0 creativecommons.org/licenses/by…

02db465212d3c374a43c60fa2625cc1caeaab796.png

全命令行版:

1. 拉取 Nginx 镜像、默认拉取的是最新的

docker pull nginx

image.png

2. 配置映射文件夹

创建文件夹是为了映射到容器内部,做好准备。不然没有映射放文件很麻烦。不懂没关系,跟着做完你就明白了。先移动到 home 目录,我个人喜欢放到这个目录

cd /home

# nginx 存放自定义的一些东西 
# nginx/conf 存放配置文件
# nginx/html 存放页面
# nginx ssl 存放页面ssl证书
mkdir nginx nginx/conf nginx/logs nginx/html nginx/ssl

# 运行Nginx 这个主要是导出其中的配置
docker run --name nginx -p 80:80 -d --rm nginx

# 导出配置文件
docker cp nginx:/etc/nginx/nginx.conf nginx/conf/nginx.conf
docker cp nginx:/etc/nginx/conf.d nginx/conf/conf.d

# 停止那个已经没用的Nginx容器
docker stop nginx

# 运行容器(这个就是最终版本了)
docker run -d -p 80:80 --name nginx \
-v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /home/nginx/conf/conf.d:/etc/nginx/conf.d \
-v /home/nginx/html:/usr/share/nginx/html \
-v /home/nginx/logs:/var/log/nginx nginx


3. 配置访问页面

我准备了一个模板  xiaomi.zip 把这个模板放入 /home/nginx/html  文件夹下面 并解压

cd /home/nginx/html

# 上传文件夹,如果是可视化SSH连接工具可以直接拖拽进去。 如果不是 使用 rz 命令(如果没安装 apt install lrzsz )
rz

# 上传成功后解压 使用 unzip 命令(没用安装根据提示安装)
unzip xiaomi.zip

# 输入IP进行访问 查询ip Ubuntu系统用( ip addr )

image.png

可视化界面配置(Portainer):

1. 就是梭哈,一套流程搞定。

image.png
image.png

image.png
这一步要小心,映射的文件夹必须存在哦。节约你时间我上传一个nginx.zip。文件中已经有了模板了,你根据我这个配置配。

image.png