我要评论docker 基础知识
什么是 docker：docker 是一个开源的平台，用于开发、发布和运行应用程序。它可以将应用程序及其所有依赖项打包成一个标准化的单元（容器），确保应用程序在任何环境中都能一致运行。
基本概念：
- 镜像（image）：一个包含了应用程序及其运行时环境的只读模板，可以用来创建容器。
- 容器（container）：镜像的一个实例，运行中的应用程序。
- dockerfile：定义如何创建镜像的文本文件。
docker 的优势：
- 一致性：应用程序在任何环境下运行一致。
- 隔离性：不同的应用程序和服务可以独立运行在各自的容器中。
- 可移植性：容器可以在开发、测试和生产环境中无缝迁移。
搭建静态网页的 docker 环境
准备一个简单的静态网页：
创建一个基本的 html 文件，名为 index.html，内容如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>dynamic web page</title>
</head>
<body>
<h1>welcome to my website</h1>
<p id="content">default content</p>
</body>
</html>编写 dockerfile 创建自定义 docker 镜像：
# 使用 nginx 官方基础镜像 from nginx:alpine # 将本地的 index.html 复制到镜像中的 nginx html 目录下 copy index.html /usr/share/nginx/html # 运行 nginx 服务 cmd ["nginx", "-g", "daemon off;"]
通过 docker 启动附带参数改变网页内容
使用环境变量改变网页内容：
我们需要一个方法让网页根据传入的参数改变内容，可以使用简单的环境变量和 javascript 来实现。
修改 index.html：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>dynamic web page</title>
<script>
document.addeventlistener("domcontentloaded", function() {
var content = "{{ content }}";
document.getelementbyid("content").innertext = content;
});
</script>
</head>
<body>
<h1>welcome to my website</h1>
<p id="content">default content</p>
</body>
</html>
然后我们可以使用一个简单的 shell 脚本在启动容器前替换 {{ content }} 占位符：
#!/bin/sh
sed -i "s/{{ content }}/${content}/g" /usr/share/nginx/html/index.html
nginx -g 'daemon off;'
更新 dockerfile：
# 使用 nginx 官方基础镜像 from nginx:alpine # 将本地的 index.html 复制到镜像中的 nginx html 目录下 copy index.html /usr/share/nginx/html copy entrypoint.sh /entrypoint.sh # 给予 entrypoint.sh 可执行权限 run chmod +x /entrypoint.sh # 运行 entrypoint.sh entrypoint ["/entrypoint.sh"]
实际操作
创建并运行 docker 容器：
在包含 index.html 和 dockerfile 的目录中运行以下命令创建镜像：
docker build -t my-dynamic-webpage .
运行容器时传入环境变量改变内容：
访问 http://localhost:8080 查看效果。
测试不同参数的效果：
再试几个不同的参数值，观察网页内容的变化。
项目体验
- docker hub: zsuroy/docker-for-learner
- github: 基于docker构建简单的web个人主页
- 技术栈: docker + alpine + nginx + html + css + javascript
本项目旨在展示如何使用 docker 构建一个简单且美观的个人主页网站。该网站通过 docker 容器化技术实现，可以动态地显示内容，并且支持在运行容器时传入参数来改变网页的显示内容。网站包括个人头像、简介和以座右铭形式展示的动态内容。
使用说明
# 1.1 拉取镜像 docker pull zsuroy/docker-for-learner:latest ## 1.2 国内加速 | 若上一步失败可以尝试此命令 docker --debug pull m.daocloud.io/docker.io/zsuroy/docker-for-learner ## 1.3 若以上均失败则建议使用离线镜像 ｜ 需要提前下载镜像 docker load -i docker-for-learner.tar # 2. 运行 docker run -e content="hello, welcome to my personal homepage! <br> <br> every cloud has a silver lining." -e about="i am suroy." -p 8080:80 docker-for-learner # 3. 浏览器访问 http://127.0.0.1:8080
运行命令解释
通过环境变量 about 指定关于信息，content 确定座右铭区域内容，在 docker 启动时会先执行 sed 命令替换相关内容，启动后通过 javascript 动态的加载到网页中显示。
总结
到此这篇关于docker构建简单的个人主页网站实战教程的文章就介绍到这了,更多相关docker构建简单网站内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论