返回顶部

使用nginx代理，实现扫描二维码查看静态网页功能

1、创建项目目录

mkdir my-image-page
cd my-image-page

2、准备图片和HTML文件

  • 上传图片：将 image.jpg 上传到 my-image-page 目录。

  • 创建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>Image Display</title>
</head>
<body>
    <img src="image.jpg" alt="Display Image" style="width:100%; height:auto;">
</body>
</html>

3、创建 Dockerfile

在 my-image-page 目录下创建一个 Dockerfile 文件，用于定义容器环境。

# Use an official Nginx image as the base image
# 此处若无法直接拉取镜像，可尝试使用代理 FROM docker.fxxk.dedyn.io/nginx:latest
FROM nginx:latest

# Copy the HTML and image files into the Nginx web directory
# 拷贝服务器文件到镜像内 docker cp <源文件路径> <容器名称>:<容器内路径>
COPY . /usr/share/nginx/html

# Expose port 80
EXPOSE 80

4、构建Docker镜像

在项目目录 my-image-page 中，运行以下命令来构建Docker镜像：

docker build -t my-image-page .

这条命令会根据 Dockerfile 的内容创建一个名为 my-image-page 的Docker镜像。

5、运行Docker容器

docker run -d -p 80:80 --name my-image-container my-image-page
  • -d：后台运行容器。
  • -p 80:80：将容器的80端口映射到主机的80端口。
  • --name my-image-container：为容器指定一个名字。

6、访问页面

  • 获取服务器IP：确保云服务器的防火墙允许访问80端口。
  • 访问静态页面：通过浏览器访问 http://your-server-ip/ 或 http://your-domain.com/，应该能看到包含图片的静态页面。、

7、生成二维码

使用网站 https://www.qr-code-generator.com/ 生成一个二维码，内容为 http://your-server-ip/ 或 http://your-domain.com/

8、管理和更新

  • 查看运行中的容器：使用 docker ps 可以查看正在运行的容器。
  • 停止容器：使用 docker stop my-image-container 可以停止容器。
  • 删除容器：使用 docker rm my-image-container 可以删除容器。
  • 更新内容：如果需要更新图片或HTML文件，修改文件后重新构建镜像，并运行新容器。

这样，通过Docker，你可以轻松地将这个静态页面部署在容器中，并方便地进行管理和更新。

posted @ 2024-08-26 15:47  十方央丶  阅读(14)  评论(0)  编辑  收藏  举报