Communitygithub.com

部署 Cloudflare

將 myanmardev.com 專案一鍵部署至 Cloudflare Pages(前端)與 Cloudflare Workers(API 代理),自動執行建置、密碼檢查與部署流程。

部署 Cloudflare 是什麼?

此技能自動化部署 myanmardev.com 專案至 Cloudflare 基礎架構,支援 Astro 前端(部署至 Cloudflare Pages)與 JavaScript API 代理(部署至 Cloudflare Workers)。Claude 會在單一流程中執行建置驗證、檢查必要 Workers 設定檔及未修改的 API 腳本,然後部署 Workers 並觸發前端自動部署。最後透過健康檢查端點與根路徑驗證來確認部署成功。此技能特別適用於持續整合場景,仰賴 GitHub Pages 自動部署功能,同時確保 Workers 密碼已預先設定完畢。支援的平台包括 Claude Code、Cline 及 Cursor 等遵循標準技能規範的 AI 代理工具。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vibecode-ting/temp_myanmardev.com/tree/HEAD/.claude/skills/deploy-cloudflare

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

技能:部署 Cloudflare

功能說明

將 myanmardev.com 專案部署至 Cloudflare Pages(前端)與 Cloudflare Workers(API 代理),一次完成建置、密碼檢查與部署流程。

使用時機

當變更準備好上線時 — Claude 會套用此技能來建置 Astro 網站、部署含密碼的 Worker,並驗證部署已成功上線。

操作步驟

  1. 執行 pnpm build 確認 Astro 前端建置無誤
  2. 檢查 workers/wrangler.toml 是否存在,且 workers/subdomain-api.js 未被修改
  3. 部署 Worker:執行 npx wrangler deploy workers/subdomain-api.js(Worker 上的密碼已預先設定)
  4. 部署前端:推送至 main 分支 — Cloudflare Pages 會透過 GitHub 整合自動部署
  5. 驗證:執行 curl https://myanmardev.com/health 應回傳 200,並確認根路徑下的子域名建置器正常載入

相關技能