Dunia C2: Pipeline Container

Cache layer dalam CI

Anda akan belajar: simpan lapisan kek lapis antara run, supaya build jadi laju.

Teks BM belum disemak oleh penutur asli.

Disemak dengan GitHub Actions 2026-10 pada 31 Okt 2026

Masalahnya

Di laptop anda, build semula ambil 10 saat. Di tali sawat, setiap build ambil 4 minit. Kenapa?

Cuba

Walaupun ada cache, resipi ini bakar npm ci semula selepas setiap perubahan kod. Alihkan baris supaya layer (lapisan) itu kekal dalam cache bila src/cart.js berubah.

Setiap baris resepi tambah satu lapisan kek. Susun baris dengan betul, kemudian bina.

Dockerfile (resepi)

FROM node:24-alpine
WORKDIR /app
COPY . .
COPY package.json package-lock.json ./
RUN npm ci --omit=dev
CMD ["node", "server.js"]

Anda sudah bina sekali. Lepas ini, anda ubah src/cart.js.

Kek (image anda)

CMD ["node", "server.js"]0B
RUN npm ci --omit=dev12.8MB
COPY package.json package-lock.json ./53.2kB
COPY . .36.9kB
WORKDIR /app8.19kB
FROM node:24-alpine181MB

Tengok

Ketik baris yang simpan layer hari ini untuk lain kali.

0 daripada 1 dijumpai

boleh disimpan dalam cache GitHub Actions. cache-from baca layer lama. cache-to simpan yang baru. mode=max simpan peringkat tengah juga.

Cuba

Tekan Run. Kemudian tekan Run sekali lagi, dan tengok stesen build.

Run dua kali. Tengok run kedua ambil jalan pintas.

Apa yang berlaku di GitHub

Push ke main

Fail workflow .github/workflows/image.yml

1name: Image
2on:
3  push:
4    branches: [main]
5permissions:
6  contents: read
7jobs:
8  image:
9    runs-on: ubuntu-latest
10    steps:
11      - uses: docker/setup-buildx-action@v4
12      - uses: docker/build-push-action@v7
13        with:
14          tags: kedai-kancil:ci
15          cache-from: type=gha
16          cache-to: type=gha,mode=max

Tali sawat

Push ke main · main

Teka

Sekarang anda tambah satu pakej, jadi package.json berubah. Apa yang dibakar semula di tali sawat?

Semak

Tabiat cache yang bagus? Leret ke kanan untuk ya, ke kiri untuk “perlu dibaiki”.

Leret ke kanan untuk bagus, ke kiri untuk perlu baiki. Atau guna butang.

1 / 4

Salin fail pakej dan pasang dulu, sebelum salin kod

Anda berjaya!

Kini anda boleh simpan cache layer antara run.

Nak tahu lebih (pilihan)

GitHub padam cache yang lama tak diguna. Setiap repo juga ada had saiz. type=registry simpan cache dalam GHCR pula. Dua image? Beri setiap satu scope sendiri, contohnya type=gha,scope=api.

Latihan sebenar (pilihan):

Misi sebenar

Dalam repo latihan awam, tambah cache-from dan cache-to dengan type=gha.
Push sekali. Catat berapa lama langkah build ambil.
Ubah satu baris kod dan push lagi. Bandingkan masanya.

0 daripada 3 langkah siap · Tanda anda disimpan.