前端静态文件部署docker

简介

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

目录

• 1. 概述
• 2. 主要内容
  • 2.1 创建项目目录
  • 2.2 打包镜像
  • 2.3 运行容器
• 3. 结论
• 4. 参考资料

1. 概述

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

2. 主要内容

2.1 创建项目目录

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

	
		
		
		
		hello-docker
	
	
		docker 学习 hello-docker
	

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. 结论

4. 参考资料

博客：xixl93.cn/?p=54