Dunia C1: Cara Fikir Pipeline

Bina sekali, naikkan melalui persekitaran

Anda akan belajar: kenapa build yang staging uji ialah build yang production dapat.

Teks BM belum disemak oleh penutur asli.

Disemak dengan GitHub Actions 2026-10 pada 31 Okt 2026

Masalahnya

Staging jalan dengan sempurna. Kemudian production rosak. Kod yang sama! Apa yang berubah?

Tengok

Ketik setiap titik pada garis masa.

Ketik setiap tempat. Setiap tempat aplikasi anda berjalan ialah (persekitaran).

Cuba

Masak sekali dan tutup pek. Pek bertutup itu ialah (artifak). Susun perjalanannya.

Langkah pertama di atas. Susun ikut turutan. Guna anak panah, atau seret.

Hantar artifact yang sama ke production
Semak staging
Deploy ke staging
Build dan tutup artifact

Tengok

Pilih satu event. Tekan Run dan tengok tali sawat.

Apa yang berlaku di GitHub

Push ke main

Fail workflow .github/workflows/promote.yml

1name: Promote
2on:
3  push:
4    branches: [main]
5permissions:
6  contents: read
7jobs:
8  build:
9    runs-on: ubuntu-latest
10    steps:
11      - uses: actions/checkout@v7
12      - run: npm ci && npm test && npm run build
13      - uses: actions/upload-artifact@v7
14        with:
15          name: site
16          path: dist
17  staging:
18    needs: build
19    runs-on: ubuntu-latest
20    environment: staging
21    steps:
22      - uses: actions/checkout@v7
23      - uses: actions/download-artifact@v8
24        with:
25          name: site
26          path: dist
27      - run: npx wrangler deploy --env staging
28        env:
29          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
30      - run: curl --fail --silent https://staging.example.com/health
31  production:
32    needs: staging
33    runs-on: ubuntu-latest
34    environment: production
35    steps:
36      - uses: actions/checkout@v7
37      - uses: actions/download-artifact@v8
38        with:
39          name: site
40          path: dist
41      - run: npx wrangler deploy
42        env:
43          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

Tali sawat

Push ke main · main

Tekan Run. Build berlaku sekali sahaja. Staging dan production dapat pek yang sama. Memindahkan pek ke tempat seterusnya dipanggil (naikkan).

Teka

Kenapa tak buat build baru khas untuk production?

Teka

Semakan kesihatan staging jumpa masalah.

Stesen mana akan hentikan tali sawat? Tekan stesen itu, kemudian Run.

Apa yang berlaku di GitHub

Push ke main

Fail workflow .github/workflows/promote.yml

1name: Promote
2on:
3  push:
4    branches: [main]
5permissions:
6  contents: read
7jobs:
8  build:
9    runs-on: ubuntu-latest
10    steps:
11      - uses: actions/checkout@v7
12      - run: npm ci && npm test && npm run build
13      - uses: actions/upload-artifact@v7
14        with:
15          name: site
16          path: dist
17  staging:
18    needs: build
19    runs-on: ubuntu-latest
20    environment: staging
21    steps:
22      - uses: actions/checkout@v7
23      - uses: actions/download-artifact@v8
24        with:
25          name: site
26          path: dist
27      - run: npx wrangler deploy --env staging
28        env:
29          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
30      - run: curl --fail --silent https://staging.example.com/health
31  production:
32    needs: staging
33    runs-on: ubuntu-latest
34    environment: production
35    steps:
36      - uses: actions/checkout@v7
37      - uses: actions/download-artifact@v8
38        with:
39          name: site
40          path: dist
41      - run: npx wrangler deploy
42        env:
43          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

Tali sawat

Push ke main · main

Semak

Tabiat baik, atau perlu dibaiki? Leret setiap satu.

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

1 / 4

Build sekali, kemudian deploy artifact yang sama ke semua tempat

Anda berjaya!

Kini anda boleh build sekali dan promote artifact yang sama.

Nak tahu lebih (pilihan)

Alamat web dan kunci berbeza ikut tempat. Ia masuk semasa deploy. Dalam GitHub, environment: pada job pilih secret dan peraturan tempat itu. Image container buat ini senang: satu image, banyak tempat (Dunia C2).

Latihan sebenar (pilihan): cari di mana repo anda build. Ada job deploy yang build lagi? Hantar build itu dengan actions/upload-artifact dan actions/download-artifact.