Dunia 7: Robot: Actions & CI/CD

Deploy ke Pages dan Cloudflare

Anda akan belajar: cara workflow terbitkan laman anda ke GitHub Pages atau Cloudflare.

Teks BM belum disemak oleh penutur asli.

Masalahnya

bash

npm run build

npx wrangler deploy

Setiap kali ada catatan diari baru, anda taip ini pada laptop. Terlupa sekali, pembaca nampak halaman lama. Masa untuk serahkan kerja ini kepada robot.

Tengok

Deploy hanyalah lebih banyak langkah, selepas ujian. Susun workflow deploy ini.

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

Pasang dan uji
Ambil kod
Bina laman
Satu push sampai di main
Muat naik ke hos

Cuba

GitHub Pages hos laman web terus dari repo anda. Tetapkan sumbernya kepada GitHub Actions. Kemudian bina workflow ini: bungkus laman, kemudian deploy.

Tekan blok untuk tambah. Susun ikut urutan.

Blok

Workflow anda

Tekan satu blok di atas untuk mula.

Fail workflow .github/workflows/

name: Pages

Apa yang berjalan

Belum ada apa untuk dijalankan.

Tengok

Cloudflare pun hos laman. Kursus ini duduk di sana! Alatnya, Wrangler, muat naik laman anda. Dalam workflow, ia baca dua rahsia: CLOUDFLARE_API_TOKEN dan CLOUDFLARE_ACCOUNT_ID. Bina arahannya.

Ketik kepingan ikut turutan yang betul.

…

Tengok

Cloudflare juga boleh perhati repo anda sendiri. Ia bina dan deploy pada setiap push, tanpa fail workflow. Namanya Workers Builds. Siapa buat apa? Susun.

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

Teka

Job deploy anda ada needs: test. Ujian gagal. Apa jadi pada deploy?

Anda berjaya!

Kini anda boleh deploy laman dari workflow.

Nak tahu lebih (pilihan)

id-token: write biar Pages semak bahawa deploy betul-betul datang dari workflow anda. Tiada kunci tersimpan diperlukan. Pages perlu sumbernya ditetapkan kepada GitHub Actions dalam tetapan repo. Cloudflare juga ada action sendiri, cloudflare/wrangler-action, yang jalankan Wrangler untuk anda.