2024-2-1

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

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

以下の例はyarnを使ってCLI経由でデプロイしてみた作業記録。

wranglerをインストール

bash
Copied!
$ yarn install -D wrangler

APIトークンを取得

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

bash
Copied!
$ export CLOUDFLARE_API_TOKEN=<取得したAPIトーク>

デプロイ

buildした生成物をwranglerを使ってデプロイする。 正しくデプロイできているかサイトを開いて確認する。

bash
Copied!
$ yarn build
$ wrangler pages deploy --project-name blog --branch main <生成物のパ>",

参考