Background Decoration Top Left

Cloudflare PagesにCLI経由でアップロードする

February 1st, 2024

Cloudflare PagesはデフォルトでCI機能が内蔵されているが、1レポジトリに対して復数のページにデプロイするような用途には対応していない。 モノレポ構成などで復数のpageに対してデプロイ処理をしたい場合にはwranglerというCLIツールを使って自前でCIを組むことができる。
以下の例はyarnを使ってCLI経由でデプロイしてみた作業記録。

wranglerをインストール

$ yarn install -D wrangler

APIトークンを取得

Cloudflareのprofileページからトークンを取得する。 取得したAPIトークンを環境変数にセットする。 wrangler configという設定がかつて存在したようだが既にdeprecatedとなっている。
$ export CLOUDFLARE_API_TOKEN=<取得したAPIトーク>

デプロイ

buildした生成物をwranglerを使ってデプロイする。 正しくデプロイできているかサイトを開いて確認する。
$ yarn build
$ wrangler pages deploy --project-name blog --branch main <生成物のパ>",

参考

Share this page!

  • X Logo
  • Bluesky Logo
  • Hatena Logo

Next

Arrow

package.jsonのstyleフィールド

Previous

Arrow

Cloudflare Workersからのリクエストだけ308が返ってredirect loopに陥る