前端node项目部署docker

简介

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

目录

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

1. 概述

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

2. 主要内容

2.1 创建项目目录名称 如 react-docker

• 使用create-react-app 创建react 项目
• 创建Dockerfile

FROM node:14.5.0
COPY . /react-docker/

WORKDIR /react-docker/

RUN rm -rf /react-docker/node_modules
RUN npm config set registry https://registry.npm.taobao.org && npm i

EXPOSE  3000

CMD npm run start

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 8082:3000
• docker container start xxx # xxx 为上一条命令运行得到的结果
• 127.0.0.1:8801 或者 ip:8801 可以查看到index.html 内容

3. 结论

4. 参考资料

博客：xixl93.cn/?p=78