Lukis talian · FahamLah

Masalahnya

Ketik setiap titik pada garis masa.

Tiga pasukan minta pipeline daripada anda. Satu saiz tak muat semua. Ketik setiap pasukan untuk berkenalan.

Cuba

Pasukan 1, laman kuih Mak Siti. Stesen mana yang ia perlukan?

Seret kad ke dalam kotak. Atau ketik kad, kemudian ketik kotak.

Cuba

Ini talian Mak Siti. Cuba event satu per satu. Cari yang buat van terus parkir.

Cuba event satu per satu. Cari yang diminta.

Apa yang berlaku di GitHub

Push ke mainPull request

Fail workflow .github/workflows/site.yml

1name: Kuih site
2on:
3  push:
4    branches: [main]
5  pull_request:
6permissions:
7  contents: read
8jobs:
9  test:
10    runs-on: ubuntu-latest
11    steps:
12      - uses: actions/checkout@v7
13      - run: npm ci && npm run lint && npm test
14  deploy:
15    needs: test
16    if: github.event_name == 'push'
17    runs-on: ubuntu-latest
18    steps:
19      - uses: actions/checkout@v7
20      - run: npm ci && npm run build
21      - run: npm run deploy
22        env:
23          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

Tali sawat

Push ke main · main

Cuba

Pasukan 2, API Kedai Kancil. Susun stesen mereka ikut urutan.

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

Lint kod
Jalankan ujian
Build image
Publish ke GHCR
Deploy
Scan image

Teka

Seseorang rosakkan Dockerfile API.

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

Apa yang berlaku di GitHub

Push ke main

Fail workflow .github/workflows/api.yml

1name: API line
2on:
3  push:
4    branches: [main]
5permissions:
6  contents: read
7  packages: write
8jobs:
9  line:
10    runs-on: ubuntu-latest
11    steps:
12      - uses: actions/checkout@v7
13      - run: npm ci
14      - run: npm run lint
15      - run: npm test
16      - run: docker build -t api:${{ github.sha }} .
17      - name: Scan the image
18        uses: aquasecurity/trivy-action@v0.36.0
19        with:
20          image-ref: api:${{ github.sha }}
21          severity: CRITICAL
22          exit-code: '1'
23      - name: Publish to GHCR
24        run: |
25          echo "$TOKEN" | docker login ghcr.io -u "$GITHUB_ACTOR" --password-stdin
26          docker tag api:${{ github.sha }} ghcr.io/kancil/api:${{ github.sha }}
27          docker push ghcr.io/kancil/api:${{ github.sha }}
28        env:
29          TOKEN: ${{ secrets.GITHUB_TOKEN }}
30      - run: npm run deploy
31        env:
32          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

Tali sawat

Push ke main · main

Teka

Pasukan 3, Klinik Ceria. Mereka mahu staging, kemudian production selepas pengurus kata jalan. Reka bentuk mana yang sesuai?

Cuba

Run talian Klinik Ceria. Bila production menunggu, luluskan bagi pihak pengurus, Dr Lim.

Run dahulu. Bila job menunggu anda, semak dan luluskan.

Apa yang berlaku di GitHub

Push ke main

Fail workflow .github/workflows/release.yml

1name: Clinic release
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

Reka bentuk yang baik, atau perlu dibaiki? Leret setiap satu.

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

1 / 4

Beri setiap pasukan enam stesen yang sama, sentiasa

Anda berjaya!

Kini anda boleh reka pipeline yang sesuai dengan pasukan.