写点什么

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:444026

评论 2 条评论

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

Compressor for Mac:满足专业需求的强大文件压缩工具

Rose

MES信息系统建设整体方案,MES技术方案书,需求规格说明书(Word原件完整版)

金陵老街

解决方案 系统源码

【教程】第七章:工作流——自动赋能,效率飞跃

NocoBase

开源 工作流 低代码 教程 无代码

超越传统截图,TechSmith Snagit 的高级功能让你眼前一亮!

Rose

鸿蒙NEXT开发案例:年龄计算

zhongcx

鸿蒙

如何快速开发一款AI小程序?基于微信云开发的实战指南

申公豹

小程序

SpringBoot实战:AI大模型+亮数据代理高效获取视频资源

阿Q说代码

智能助手 AI模型 spring-boot

Final Cut Pro 11 正式发布带来强大的 AI 工具(fcpx视频剪辑最新版下载)

Rose

Logic Pro X 11 mac苹果版音乐创作软件

Rose

房主、设计师都爱的 Live Home 3D Pro,家居设计不再犯难!

Rose

充电桩管理平台(源码+文档+部署+讲解)

深圳亥时科技

iMovie 剪辑 for Mac(专业视频剪辑工具)v10.4.3中文版

Rose

哪些项目管理工具最适合远程团队?10款推荐

爱吃小舅的鱼

项目管理工具

从 Beacon Chain 到 Beam Chain,速读 Justin 的以太坊共识层新提案

TechubNews

探索DDCA:深入理解内存架构、子系统与内存控制器

代码忍者

易于使用的 PDF 编辑器和注释器 PDF Expert for Mac

Rose

「人眼视觉不再是视频消费的唯一形式」丨智能编解码和 AI 视频生成专场回顾@RTE2024

声网

Hi,认识一下!斑头雁「Yeah客服」来了

BetterYeah AI

人工智能 AI agent 企业 AI 应用 Agent智能体

智能生产管控数字化平台(源码+文档+部署+讲解)

深圳亥时科技

乘风破浪的“厂二代”|《你好!厂长》第八期全国首映,见证​逆风翻盘的精彩人生

科技热闻

PowerPhotos for Mac(mac专用图片管理工具)v2.6.4直装版

Rose

Dash for Mac(好用的API文档工具)v7.3.2激活版

Rose

鸿蒙NEXT应用示例:切换图片动画

zhongcx

鸿蒙

苹果电脑可以玩《GTA5》吗?MacBook玩GTA5教程

阿拉灯神丁

游戏 MacBook gta5 苹果电脑 CrossOver Mac下载

鸿蒙Navigation入门使用

龙儿筝

鸿蒙

SpringBoot 3.3.5 试用CRaC,启动速度提升3到10倍

江南一点雨

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