前端静态文件部署docker

发表评论 / 作者： xixl / 2023年 6月 29日

简介

随着技术快速更新迭代，前端也需要熟悉docker容器化部署项目，下面主要分享静态文件docker容器部署

目录

1. 概述
2. 主要内容
3. 结论
4. 参考资料

1. 概述

随着技术快速更新迭代，前端也需要熟悉docker容器化部署项目，下面主要分享静态文件docker容器部署，前提条件是掌握html+css+js+docker基础，linux服务器或本地安装docker，本文章不赘述docker安装流程。

2. 主要内容

2.1 创建项目目录

创建目录hello-docker
创建index.html
创建Dockerfile

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>hello-docker</title>
    </head>
    <body>
        <div>docker 学习 hello-docker</div>
    </body>
</html>

FROM nginx

COPY ./index.html /usr/share/nginx/html/index.html

EXPOSE 80

2.2 打包镜像

cd hello-docker/ # 进入刚刚的目录
docker image build ./ -t hello-docker:1.0.0 # 打包镜像的意思是：基于路径./（当前路径）打包一个镜像，镜像的名字是hello-docker，版本号是1.0.0。该命令会自动寻找Dockerfile来打包出一个镜像

2.3 运行容器

docker container create -p 8801:80 hello-docker:1.0.0
docker container start xxx # xxx 为上一条命令运行得到的结果
127.0.0.1:8801 或者 ip:8801 可以查看到index.html 内容

3. 结论

发表评论取消回复