コンテンツにスキップ

ローカル開発

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

Wranglerのインストール

Wranglerを始めるには、Wranglerのインストール/更新を参照してください。

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

Pagesのローカル開発のための主なコマンドはwrangler pages devです。これにより、静的アセットの提供やFunctionsの実行を含むPagesアプリケーションをローカルで実行できます。

静的アセットのフォルダーが設定されたら、次のコマンドを実行してローカル開発を開始します:

Terminal window
npx wrangler pages dev <DIRECTORY-OF-ASSETS>

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

HTTPSサポート

自己署名証明書を使用してローカル開発サーバーをHTTPSで提供するには、wrangler.tomllocal_protocolを設定するか、wrangler pages dev--local-protocol=https引数を渡すことができます:

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

ローカル開発にバインディングを追加する

ローカル開発にバインディングを追加するには、バインディングを参照し、作業したいCloudflare Developer Platformリソースを見つけてください。

wrangler.tomlを介した追加設定

プロジェクトでwrangler.toml設定ファイルを使用している場合、portlocal protocolip、およびportのようなdevサーバーの値を設定できます。詳細については、ローカル開発設定の構成をお読みください。