写点什么

Docker 镜像优化:从 1.16GB 到 22.4MB

  • 2020-12-31
  • 本文字数:1354 字

    阅读完需:约 4 分钟

Docker镜像优化:从1.16GB到22.4MB

Docker 是一个供软件开发人员和系统管理员使用容器构建、运行和与分享应用程序的平台。容器是在独立环境中运行的进程,它运行在自己的文件系统上,该文件系统是使用 docker 镜像构建的。镜像中包含运行应用程序所需的一切(编译后的代码、依赖项、库等等)。镜像使用 Dockerfile 文件定义。


术语 dockerization 或 containerization 通常用于定义创建 Docker 容器的过程。


因为容器具备如下优点,所以很受欢迎:


  • 灵活性:即使是最复杂的应用程序也可以容器化。

  • 轻量化:容器共享主机内核,使得它们远比虚拟机高效。

  • 便携性:可以做到本地编译,到处运行。

  • 松耦合:容器自我封装,一个容器被替换或升级不会打断别的容器。

  • 安全性:容器对进程进行了严格的限制和隔离,而无需用户进行任何配置。


在这篇文章中,我将重点讨论如何优化 Docker 镜像以使其轻量化。


让我们从一个示例开始,在该示例中,我们构建了一个 React 应用程序并将其容器化。运行 npx 命令并创建 Dockerfile 之后,我们得到了如图 1 所示的文件结构。


npx create-react-app app --template typescript



图 1:文件结构


如果我们构建一个基础的 Dockerfile(如下所示),我们最终会得到一个 1.16 GB 的镜像:


FROM node:10

 

WORKDIR /app

COPY app /app

RUN npm install -g webserver.local

RUN npm install && npm run build

 

EXPOSE 3000

CMD webserver.local -d ./build



图 2:镜像的初始大小为 1.16GB


第一步优化:使用轻量化基础镜像


Docker Hub(公共 Docker 仓库)中,有一些镜像可供下载,每个镜像都有不同的特征和大小。


通常,相较于基于其他 Linux 发行版(例如Ubuntu)的镜像,基于AlpineBusyBox的镜像非常小。这是因为 Alpine 镜像和类似的其他镜像都经过了优化,其中仅包含最少的必须的软件包。在下面的图片中,你可以看到 Ubuntu、Alpine、Node 和基于 Alpine 的 Node 镜像之间的大小比较。



图 3:基础镜像的不同大小


通过修改 Dockerfile 并使用 Alpine 作为基础镜像,我们的镜像最终大小为 330MB:


FROM node:10-alpine

 

WORKDIR /app

COPY app /app

RUN npm install -g webserver.local

RUN npm install && npm run build

 

EXPOSE 3000

CMD webserver.local -d ./build


图 4:经过第一步优化后镜像大小为 330MB


第二步优化:多阶段构建


通过多阶段构建,我们可以在 Dockerfile 中使用多个基础镜像,并将编译成品、配置文件等从一个阶段复制到另一个阶段,这样我们就可以丢弃不需要的东西。


在本例中,我们部署 React 应用程序需要的是编译后的代码,我们不需要源文件,也不需要 node_modules 目录和 package.json 文件等。


通过将 Dockerfile 修改为如下内容,我们最终得到的镜像大小为 91.5MB。请记住,来自第一阶段(第 1-4 行)的镜像不会被自动删除,Docker 将它保存在 cache 中,如果我们在另一个构建镜像过程中执行了相同的阶段,就可以使镜像构建更快。所以你必须手动删除第一阶段镜像。


FROM node:10-alpine AS build

WORKDIR /app

COPY app /app

RUN npm install && npm run build

 

 

FROM node:10-alpine

WORKDIR /app

RUN npm install -g webserver.local

COPY --from=build /app/build ./build

EXPOSE 3000

CMD webserver.local -d ./build



图 5:第二步优化后的镜像大小为 91.5MB


现在我们有了一个 Dockerfile,它有两个阶段:在第一个阶段中,我们编译项目,在第二个阶段中,我们在 web 服务器上部署应用程序。然而,Node 容器并不是提供网页(HTML、CSS 和 JavaScript 文件、图片等)服务的最佳选择,最好的选择是使用像 Nginx 或 Apache 这样的服务。在本例中,我将使用 Nginx。


通过将 Dockerfile 修改为如下内容,我们的镜像最终大小是 22.4MB,如果我们运行这个容器,我们可以看到网页可以正常工作,没有任何问题(图 7)。


FROM node:10-alpine AS build

WORKDIR /app

COPY app /app

RUN npm install && npm run build

 

 

FROM nginx:stable-alpine

COPY --from=build /app/build /usr/share/nginx/html

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]



图 6:第三步优化后的镜像大小为 22.4MB



图 7:最终容器的运行结果


参考



原文链接:


https://medium.com/the-agile-crafter/docker-image-optimization-from-1-16gb-to-22-4mb-53fdb4c53311


2020-12-31 16:444117

评论 2 条评论

发布
用户头像
在构建GO服务镜像过程中,我用到了UPX,能将镜像处理到6M大小
2021-01-01 21:16
回复
用户头像
即使已经做了如此多的优化,但仅仅一个react的前端应用,都需要22MB的硬盘空间,虽然目前硬盘不值钱,但这个资源也是有点大啊。。。
2020-12-31 18:20
回复
没有更多了
发现更多内容

深入浅出Python——Python高级语法之函数

何极光

Python 函数 10月月更

Spring Boot「14」MVC 与前端控制器模式

Samson

Java spring 学习笔记 spring-boot 10月月更

C++精通之路:map和set

雪芙花

c++ 10月月更

SAP | 选择屏幕

暮春零贰

SAP 10月月更 屏幕

Student Management System

David

#架构实战营 极客时间架构训练营

2022年元宇宙应用场景发展趋势分析

易观分析

元宇宙

概述Spark主要特点

穿过生命散发芬芳

spark 10月月更

威胁网络安全的主要因素

阿泽🧸

网络安全 10月月更

如何进行需求分析?

老张

软件工程 需求分析

AAX增添新网关,满足全球用户需求

股市老人

2022-10-25:在一个 2 * 3 的板上(board)有 5 块砖瓦,用数字 1~5 来表示, 以及一块空缺用 0 来表示。一次 移动 定义为选择 0 与一个相邻的数字(上下左右)进行交换.

福大大架构师每日一题

算法 rust 福大大

【web 开发基础】PHP的流程控制之单一分支结构-PHP 快速入门(12)

迷彩

10月月更 web开发基础 PHP基础 分支语句 if条件分支

深入浅出Python——Python基础语法全解

何极光

Python 基础 10月月更

Commit之后发生了什么事情

我不吃六安茶

MySQL 事务

【web 开发基础】PHP 快速入门(11)-PHP 运算符之运算符的优先级

迷彩

表达式 10月月更 web开发基础 PHP基础 运算符优先级

【通知】OBCA考试收费调整公告

OceanBase 数据库

DevOps | 如何快速提升团队软件开发成熟度,快速提升研发效能?

laofo

DevOps 研发效能 CMMI 敏捷研发 绩效考核

对比学习算法在转转的实践

转转技术团队

人工智能 推荐算法 对比学习

Python在接口测试中的应用

芯动大师

学习方法 “程”风破浪的开发者 Python接口测试

C# 关于程序退出问题学习

IC00

C# 学习 程序员 上位机 10月月更

leetcode 287. Find the Duplicate Number 寻找重复数 (中等)

okokabcd

LeetCode 数据结构与算法

从幻想走向科学:人类操纵大脑的条条大路

脑极体

CSS学习笔记2

虾仁疙瘩汤

CSS css3 10月月更

liunx入门:Linux下基本指令

雪芙花

c++ Liunx 10月月更

css学习笔记3

虾仁疙瘩汤

CSS css3 10月月更

限时免费领票|来云栖大会,看OceanBase 4.0最新进展

OceanBase 数据库

Vue组件入门(十四)依赖注入

Augus

Vue 10月月更

C++从入门到精通(第十篇) :二叉搜索树

雪芙花

c++ 10月月更

CSS基础1

虾仁疙瘩汤

CSS css3 10月月更

Nginx反向代理是什么意思?如何配置Nginx反向代理?

wljslmz

nginx 反向代理 web服务器 10月月更

Docker镜像优化:从1.16GB到22.4MB_架构_The Agile Crafter_InfoQ精选文章