前端的Docker入门实战

最新推荐文章于 2025-11-25 13:19:30 发布

原创

最新推荐文章于 2025-11-25 13:19:30 发布 · 537 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#docker #前端 #运维

本文介绍了Docker在前端开发中的应用，旨在解决环境隔离问题。通过使用Docker，可以为不同语言的服务创建独立的运行环境，避免了在服务器上安装多个版本的依赖。对于前端，Docker允许自定义nginx配置，提高了开发灵活性。文章还涵盖了Docker的基本概念，如容器和镜像，并提及如何使用Dockerfile定制React应用的镜像。

Why Docker?

用以隔离环境。

假设你有三个后端服务，分别用 Java、Go、Node 编写，你需要在服务器分别安装三者的环境，才能运行所有语言编写的代码，这对于开发者而言非常麻烦。
假设你有三个 Node 服务，分别用 node10、node12、node14 编写，你需要在服务器分别安装三个版本 nodejs 才能运行各个版本 nodejs 编写的代码，对于开发者而言也非常麻烦。

而Docker可单独提供某种语言的运行环境，并同时与宿主机隔离起来。

对于前端而言，此时你可以通过由自己在项目中单独维护 nginx.conf 进行一些 nginx 的配置，大大提升前端的自由性和灵活度，而无需通过运维或者后端来进行。

概念

容器（Container）：容器特别像一个虚拟机，容器中运行着一个完整的操作系统。可以在容器中装 Nodejs，可以执行npm install，可以做一切你当前操作系统能做的事情
镜像（Image）：镜像是一个文件，它是用来创建容器的。如果你有装过 Windows 操作系统，那么 Docker 镜像特别像“Win7纯净版.rar”文件

Dockerfile: 类似于“package.json”
 |
 V
Image: 类似于“Win7纯净版.rar”
 |
 V
Container: 一个完整操作系统

React + Dockerfile → 定制镜像

# FROM- 镜像从那里来
# MAINTAINER- 镜像维护者信息

# RUN- 构建镜像执行的命令，每一次RUN都会构建一层
# shell 格式：
# RUN <命令行命令>
# <命令行命令> 等同于，在终端操作的 shell 命令。
# exec 格式：
# RUN ["可执行文件", "参数1"