Peta dunia

 

EN

Dunia C3: Lancar & Deploy

Deploy ke Cloudflare dari Actions

Anda akan belajar: cara laman ini hantar dirinya ke Cloudflare, dan bila anda perlukan Cloudflare Containers.

Teks BM belum disemak oleh penutur asli.

Disemak dengan GitHub Actions 2026-10 pada 31 Okt 2026

Masalahnya

Kursus ini ada lebih 150 pelajaran, dalam dua bahasa. Selepas setiap merge, siapa letak semuanya dalam talian?

Tengok

Laman ini guna Workers static assets: Cloudflare simpan fail siap anda (HTML, CSS, gambar) pada server di seluruh dunia. Makanan siap bungkus di rak: tiada apa nak dimasak.: fail siap yang Cloudflare hidang sedunia. Makanan siap bungkus di rak, tiada apa nak dimasak. Mana sesuai di mana?

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

      Tengok

      Ketik setiap titik pada garis masa.

      Perlukan server sebenar? Cloudflare Containers: Jalankan image container anda di Cloudflare, di belakang sebuah Worker. Perlukan pelan Workers Paid. jalankan image anda di belakang sebuah Worker. Ia tersedia umum sejak April 2026, pada pelan Workers Paid. Tekan cara wrangler deploy menghantarnya.

      Tengok

      bash
      npx wrangler deploy --dry-run
      ⛅️ wrangler 4.156.0
      ────────────────────
      ✨ Read 2 files from the assets directory /home/you/kedai-kancil/dist
      Total Upload: 0.39 KiB / gzip: 0.27 KiB
      No bindings found.
      --dry-run: exiting now.

      Selamat sebagai lalai: buat larian cuba dulu. Ia semak tetapan dan fail anda, tanpa muat naik apa-apa.

      Cuba

      Sekarang bina pipeline laman ini, versi ringkas. Semak semua. Deploy dari main sahaja.

      Tekan blok untuk tambah. Susun ikut urutan.

      Blok

      Workflow anda

      Tekan satu blok di atas untuk mula.

      Fail workflow .github/workflows/

      name: CI

      Apa yang berjalan

      Belum ada apa untuk dijalankan.

      Teka

      Satu pull request jalankan workflow ini. Apa job deploy buat?

      Semak

      Semak pada tali sawat. Cari acara yang buat deploy dilangkau.

      Cuba event satu per satu. Cari yang diminta.

      Apa yang berlaku di GitHub

      Fail workflow .github/workflows/ci.yml

      name: CI
on:
push:
pull_request:
permissions:
contents: read
jobs:
check:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v7
- run: npm ci
- run: npm test
deploy:
needs: check
if: github.event_name == 'push' && github.ref == 'refs/heads/main'
runs-on: ubuntu-latest
concurrency:
group: deploy-production
cancel-in-progress: false
steps:
- uses: actions/checkout@v7
- run: npm ci
- run: npm run deploy
env:
CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

      Tali sawat

      Push ke main · main

      Anda berjaya!

      Kini anda boleh hantar laman ke Cloudflare dari GitHub Actions.

      Nak tahu lebih (pilihan)

      Fail sebenar laman ini ialah .github/workflows/ci.yml. Job deploy-nya tunggu dua job: check dan workflows. Containers tarik image dari registry Cloudflare, Docker Hub, Amazon ECR atau Google. Image GHCR? Push ke registry Cloudflare dulu.

      Latihan sebenar (pilihan): jalankan npx wrangler deploy --dry-run dalam projek Worker kecil.