Dunia C3: Lancar & Deploy

Pratonton untuk setiap PR

Anda akan belajar: cara setiap pull request dapat pautan live sendiri untuk dicuba sebelum merge.

Teks BM belum disemak oleh penutur asli.

Disemak dengan GitHub Actions 2026-10 pada 31 Okt 2026

Masalahnya

Satu pull request ubah 300 baris CSS. Penyemak baca setiap baris. Adakah halaman menu masih nampak betul?

Tengok

Ketik setiap titik pada garis masa.

ialah pinggan rasa untuk satu pull request. Tekan setiap peringkat hayatnya.

Cuba

npx wrangler preview muat naik pratonton Worker anda ke Cloudflare. Di sini ia jalan pada setiap pull request. Run.

Pilih satu event. Tekan Run dan tengok tali sawat.

Satu pull request bina dan muat naik pratontonnya sendiri.

Apa yang berlaku di GitHub

Pull request

Fail workflow .github/workflows/preview.yml

1name: Preview
2on:
3  pull_request:
4permissions:
5  contents: read
6jobs:
7  preview:
8    runs-on: ubuntu-latest
9    steps:
10      - uses: actions/checkout@v7
11      - run: npm ci
12      - run: npx wrangler preview --name "pr-$PR"
13        env:
14          PR: ${{ github.event.pull_request.number }}
15          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
16          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

Tali sawat

Pull request · feature → main

Teka

Sekarang orang luar buka pull request dari fork mereka. Adakah pratonton akan deploy?

Semak

Semak. Cari pull request yang pratontonnya gagal, dan baca ralat sebenar.

Cuba event satu per satu. Cari yang diminta.

Apa yang berlaku di GitHub

Pull requestPull request dari fork

Fail workflow .github/workflows/preview.yml

1name: Preview
2on:
3  pull_request:
4permissions:
5  contents: read
6jobs:
7  preview:
8    runs-on: ubuntu-latest
9    steps:
10      - uses: actions/checkout@v7
11      - run: npm ci
12      - run: npx wrangler preview --name "pr-$PR"
13        env:
14          PR: ${{ github.event.pull_request.number }}
15          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
16          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

Tali sawat

Pull request · feature → main

Semak

Tabiat pratonton: bagus, atau perlu diperbaiki?

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

1 / 4

Padam pratonton bila pull request ditutup.

Anda berjaya!

Kini anda boleh beri setiap pull request pratontonnya sendiri.

Nak tahu lebih (pilihan)

Worker Previews masih dalam open beta. Setiap satu dapat pautan yang dikemas kini pada setiap push. Kemas bila pull request ditutup.

bash

npx wrangler preview delete --name "pr-7" --skip-confirmation

Workers Builds juga boleh letak pautan itu pada pull request. Latihan sebenar (pilihan): tambah workflow ini pada repo Worker ujian.