Cloudflare Pagesのダイレクトアップロードでビルド済みの静的サイトをそのままデプロイする

Cloudflare PagesでCIやローカルからビルド済みのコンテンツをそのままアップロードするには「ダイレクトアップロード」を使う。

ドラッグ&ドロップによるアップロードもできるが、

ここではWranglerを使った方法を紹介する。

Wrangler

現在のバージョンは、

shell

wrangler --version

text

2.0.9

もしWrangler 1を使っている場合は、Wrangler 2に移行する必要がある。

shell

# Wrangler 1
npm uninstall -g @cloudflare/wrangler
# Wrangler 2
npm install -g wrangler

アップロードは次のコマンドで行う。

shell

wrangler pages publish [DIRECTORY] [OPTIONS]

distディレクトリをアップロードしたい場合は、

shell

wrangler pages publish dist

新しくデプロイする場合は、プロンプトでまずプロジェクトを作成することになる。

既存のプロジェクト名を指定したい場合は、

shell

wrangler pages publish dist --project-name my-project

既存のプロジェクトを確認するには、

shell

wrangler pages project list

プロジェクトを作成するには、

shell

wrangler pages project create [PROJECT-NAME] [OPTIONS]

例えばmy-projectという名前のプロジェクトを作成するには、

shell

wrangler pages project create my-project

さらにプロダクション用のブランチ名を指定するには、

shell

wrangler pages project create my-project --production-branch main