如何将Docker镜像从1.43G瘦身到22.4MB

admin 2022年1月10日11:26:29安全闲碎评论19 views2953字阅读9分50秒阅读模式

如何将Docker镜像从1.43G瘦身到22.4MB

Docker镜像的大小对于系统的CI/CD等都有影响,尤其是云部署场景。我们在生产实践中都会做瘦身的操作,尽最大的可能使用Size小的镜像完成功能。下文是一个简单的ReactJS程序上线的瘦身体验,希望可以帮助大家找到镜像瘦身的方向和灵感。
如果你正在做Web开发相关工作,那么你可能已经知道容器化的概念,以及知道它强大的功能等等。

但在使用Docker时,镜像大小至关重要。我们从create-react-app(https://reactjs.org/docs/create-a-new-react-app.html)获得的样板项目通常都超过1.43 GB。

今天,我们将容器化一个ReactJS应用程序,并学习一些关于如何减少镜像大小并提高性能的技巧。

我们将以ReactJS为例,但它适用于任何类型的NodeJS应用程序


步骤1:创建项目

如何将Docker镜像从1.43G瘦身到22.4MB


1、借助脚手架通过命令行模式创建React项目

npx create-react-app docker-image-test


2、命令执行成功后将生成一个基础React应用程序架构

3、我们可以进入项目目录安装依赖并运行项目

cd docker-image-test
yarn install
yarn start


4、通过访问http://localhost:3000可以访问已经启动的应用程序

如何将Docker镜像从1.43G瘦身到22.4MB


步骤2:构建第一个镜像

如何将Docker镜像从1.43G瘦身到22.4MB


1、在项目的根目录中创建一个名为Dockerfile的文件,并粘贴以下代码:

FROM node:12

WORKDIR /app

COPY package.json ./

RUN yarn install

COPY . .

EXPOSE 3000

CMD ["yarn""start"]


2、注意,这里我们从Docker仓库获得基础镜像Node:12,然后安装依赖项并运行基本命令。(我们不会在这里讨论Docker命令的细节)

3、现在可以通过终端为容器构建镜像
docker build -t docker-image-test .

4、Docker构建镜像完成之后,你可以使用此命令查看已经构建的镜像:

docker images

在查询结果列表的顶部,是我们新创建的图像,在最右边,我们可以看到图像的大小。目前是1.43GB。

如何将Docker镜像从1.43G瘦身到22.4MB

5、我们使用以下命令运行镜像

docker run --rm -it -p 3000:3000/tcp docker-image-test:latest

打开浏览器并且刷新页面验证其可以正常运行。


步骤3:修改基础镜像

如何将Docker镜像从1.43G瘦身到22.4MB


1、先前的配置中我们用node:12作为基础镜像。但是传统的Node镜像是基于Ubuntu的,对于我们简单的React应用程序来说这大可不必。

2、从DockerHub(官方Docker镜像注册表)中我们可以看到,基于alpine-based的Node镜像比基于Ubuntu的镜像小得多,而且它们的依赖程度非常低。

3、下面显示了这些基本图像的大小比较

如何将Docker镜像从1.43G瘦身到22.4MB

现在我们将使用node:12-alpine作为我们的基础镜像,看看会发生什么。

FROM node:12-alpine

WORKDIR /app

COPY package.json ./

RUN yarn install

COPY . .

EXPOSE 3000

CMD ["yarn""start"]

然后我们以此构建我们的镜像,并与之前做对比。

如何将Docker镜像从1.43G瘦身到22.4MB

哇!我们的镜像大小减少到只有580MB,这是一个很大的进步。但还能做得更好吗?


步骤4:多级构建

如何将Docker镜像从1.43G瘦身到22.4MB


1、在之前的配置中,我们会将所有源代码也复制到工作目录中。

2、但这大可不必,因为从发布和运行来看我们只需要构建好的运行目录即可。因此,现在我们将引入多级构建的概念,以减少不必要的代码和依赖于我们的最终镜像。

3、配置是这样的:

# STAGE 1

FROM node:12-alpine AS build

WORKDIR /app

COPY package.json ./

RUN yarn  install

COPY . /app

RUN yarn build


# STAGE 2

FROM node:12-alpine

WORKDIR /app

RUN npm install -g webserver.local

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

EXPOSE 3000

CMD webserver.local -d ./build


4、在第一阶段,安装依赖项并构建我们的项目

5、在第二阶段,我们复制上一阶段构建产物目录,并使用它来运行应用程序。

6、这样我们在最终的镜像中就不会有不必要的依赖和代码。

接下来,构建镜像成功后并从列表中查看镜像

如何将Docker镜像从1.43G瘦身到22.4MB

现在我们的镜像大小只有97.5MB。这简直太棒了。


步骤5:使用Nginx

如何将Docker镜像从1.43G瘦身到22.4MB


1、我们正在使用Node服务器运行ReactJS应用程序的静态资源,但这不是静态资源运行的最佳选择。

2、我们尝试使用Nginx这类更高效、更轻量级的服务器来运行资源应用程序,也可以尽可能提高其性能,并且减少镜像的量。

3、我们最终的Docker配置文件看起来像这样

# STAGE 1

FROM node:12-alpine AS build

WORKDIR /app

COPY package.json ./

RUN yarn  install

COPY . /app

RUN yarn build

# STAGE 2

FROM nginx:stable-alpine

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

EXPOSE 80

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


4、我们正在改变Docker配置的第二阶段,以使用Nginx来服务我们的应用程序。

5、然后使用当前配置构建镜像。

如何将Docker镜像从1.43G瘦身到22.4MB

6、镜像大小减少到只有22.4MB!

7、同时,我们正在使用一个性能更好的服务器来服务我们出色的应用程序。

8、我们可以使用以下命令验证应用程序是否仍在工作。
docker run --rm  -it -p 3000:80/tcp docker-image-test:latest

9、注意,我们将容器的80端口暴露给外部,因为默认情况下,Nginx将在容器内部的80端口上可用。

所以这些是一些简单的技巧,你可以应用到你的任何NodeJS项目,以大幅减少镜像大小。

现在,您的容器确实更加便携和高效了。

今天就到这里。编码快乐!

原文链接:https://javascript.plainenglish.io/how-i-reduced-docker-image-size-from-1-43-gb-to-22-4-mb-84058d70574b

Kubernetes管理员(CKA)培训

如何将Docker镜像从1.43G瘦身到22.4MB


本次培训在上海开班,基于最新考纲,通过线下授课、考题解读、模拟演练等方式,帮助学员快速掌握Kubernetes的理论知识和专业技能,并针对考试做特别强化训练,让学员能从容面对CKA认证考试,使学员既能掌握Kubernetes相关知识,又能通过CKA认证考试,学员可多次参加培训,直到通过认证。点击下方图片或者阅读原文链接查看详情。


如何将Docker镜像从1.43G瘦身到22.4MB

本文始发于微信公众号(分布式实验室):如何将Docker镜像从1.43G瘦身到22.4MB

特别标注: 本站(CN-SEC.COM)所有文章仅供技术研究,若将其信息做其他用途,由用户承担全部法律及连带责任,本站不承担任何法律及连带责任,请遵守中华人民共和国安全法.
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年1月10日11:26:29
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                  如何将Docker镜像从1.43G瘦身到22.4MB http://cn-sec.com/archives/470036.html

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: