mcpField
D
deploying-cloudflare-web-application

deploying-cloudflare-web-application

github.com/cedmandocdocクラウド・DevOps040 回インストール2 日前に更新
リポジトリ

deploying-cloudflare-web-application について

GitHub Actions を使った Cloudflare Web アプリのデプロイ準備と管理を支援するスキルです。セットアップ、デプロイ、シークレット、直接実行やロールバック、トラブルシューティングを扱い、Cloudflare の変更はプッシュ時のワークフローで行います。

主な機能

  1. 01前提条件とアカウント設定の確認
  2. 02アプリやデータベースのデプロイ手順
  3. 03GitHub Actions シークレット設定の案内
  4. 04直接デプロイとロールバックの手順
  5. 05デプロイ障害のトラブルシューティング

活用シーン

  1. 01Cloudflare デプロイの準備状況を確認
  2. 02デプロイワークフローや D1 データベースの追加
  3. 03マージ前に必要なシークレットを確認
  4. 04デプロイ失敗や更新時の 404 を調査

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/cedmandocdoc/awesome-skills --skill deploying-cloudflare-web-application

インストール後、Claude Code で/deploying-cloudflare-web-applicationを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
assets/
ci-token-permissions.tsv
deployment.md
references/
configuring-github-actions.md
configuring-secrets.md
configuring-wrangler.md
deploying-application.md
deployment-contract.md
discovering-application.md
executing-direct-deploy.md
troubleshooting-deployment.md
scripts/
probe-ci-token.sh

詳細

Cloudflare へのウェブアプリケーションのデプロイ

セットアップ

項目種類必須対象となる場合完了条件方法
Node.js 22 以降とプロジェクトのパッケージマネージャーユーザー必須すべてnode --version で v22 以降が表示され、ロックファイルに記載されたパッケージマネージャー(npm、pnpm、yarn)が実行できるhttps://nodejs.org
GitHub CLIユーザー必須デプロイ、シークレット、実行、またはロールバックgh auth status が成功し、gh repo view でリポジトリが見つかるhttps://cli.github.com から入手し、gh auth login を実行します。GitHub リポジトリを作成してプロジェクトをプッシュします
Cloudflare アカウントユーザー必須すべてnpx wrangler whoami でアカウントが表示されるhttps://dash.cloudflare.com/sign-up で登録し、npx wrangler login を実行します
アカウント ID質問必須デプロイwrangler の設定で account_id が設定されているnpx wrangler whoami でアカウントが 1 つ表示される場合はそれを使用します。複数表示される場合はどれを使うか尋ねます。wrangler の設定で account_id として記録します
CI API トークンユーザー必須シークレットconfiguring-github-actions.md → Probe で、すべての権限が付与されていると報告されるconfiguring-github-actions.md → CI API token に従います

ワークフロー

  1. セットアップ — 対象となるリクエストの「対象となる場合」に該当する セットアップ の各行を順に確認します。完了条件を満たしていればスキップします。user の場合、必須なら方法を表示して停止し、任意ならそれなしで続行します。ask の場合、リクエストからわかる情報を入力し、残りを 1 つのメッセージにまとめて尋ね、各回答を記録します。auto と static の場合は実行します。
  2. 契約 — deployment-contract.md を読みます。
  3. レシピ — レシピ の行を 1 つ選び、「参照」列にあるすべてのドキュメントを開きます。
  • リポジトリのファイルのみを書き込みます。Cloudflare の変更は、本番ブランチへのプッシュ時にデプロイワークフローで実行します。CI トークンのプローブは、削除する一時的なブランチで実行します。
  • Wrangler をローカルで実行するのは状態の読み取りのみで、wrangler login のセッションを使用します。エクスポートされた CLOUDFLARE_API_TOKEN は決して使用しません。
  • シークレットは設定せず、シークレット名のみを読み取ります。すべてのシークレットはユーザーが GitHub で設定します。

レシピ

意図例となる表現参照
セットアップ「Cloudflare のデプロイをセットアップして」「deploying-cloudflare-web-application の準備はできていますか?」セットアップ — ワークフローのステップ 1 を各行について実行し、各行の状態を報告します
デプロイ「ウェブアプリを Cloudflare にデプロイして」「Cloudflare のデプロイワークフローを追加して」「D1 データベースを追加して」「カスタムドメインを関連付けて」「モノレポから apps/web をデプロイして」deploying-application.md
シークレット「デプロイに必要なシークレットは?」「Worker シークレットを追加して」「Cloudflare のデプロイをマージする準備はできていますか?」configuring-secrets.md
実行またはロールバック「プッシュせずに今すぐデプロイして」「Worker をロールバックして」「現在公開されているバージョンは?」executing-direct-deploy.md
トラブルシューティング「Cloudflare のデプロイワークフローが失敗する」「デプロイ後、ページの再読み込みで 404 が発生する」troubleshooting-deployment.md

コメント