Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

ローカル開発

最終更新 Markdown で表示Agent セットアップ

Wrangler コマンドラインインターフェイス(CLI)で、Pages アプリケーションをローカル実行します。

Wrangler をインストールする

Wrangler の導入は、Install/Update Wrangler を参照してください。

Pages プロジェクトをローカルで実行する

Pages のローカル開発で使う主なコマンドは wrangler pages dev です。静的アセットの配信と Functions の実行を含め、Pages アプリケーションをローカルで動かせます。

静的アセットのフォルダーを用意したら、次のコマンドでローカル開発を開始します。

npx wrangler pages dev <DIRECTORY-OF-ASSETS>

これで Pages プロジェクトの配信が始まります。b を押すと、ローカルサイトがブラウザーで開きます(デフォルトは http://localhost:8788 です)。

HTTPS のサポート

自己署名証明書でローカル開発サーバーを HTTPS 配信するには、Wrangler 設定ファイルlocal_protocol を設定するか、wrangler pages dev--local-protocol=https 引数を渡せます。

npx wrangler pages dev --local-protocol=https <DIRECTORY-OF-ASSETS>

ローカル開発にバインディングを付ける

ローカル開発にバインディングを付けるには、バインディング を参照し、使いたい Cloudflare Developer Platform のリソースを確認してください。

追加の Wrangler 設定

プロジェクトで Wrangler 設定ファイルを使っている場合は、portlocal protocolip などの開発サーバーの値を設定できます。詳細は、ローカル開発設定の構成 を参照してください。

役に立ちましたか?