最初の Worker は、Cloudflare ダッシュボードから、またはターミナルを使ったプログラム的な方法でデプロイできます。
Worker を作成するには、Cloudflare アカウントが必要です。Cloudflare の利用開始については、アカウントの作成 を参照してください。
Cloudflare ダッシュボードで最初の Worker を作成するには、次の手順を実行します。
-
Cloudflare ダッシュボードで Workers & Pages ページを開きます。
Workers & Pages を開く ↗ -
Create application を選択します。
-
Create Worker > Deploy を選択します。
- Cloudflare アカウント ↗ に登録します。
Node.js↗ をインストールします。
Node.js のバージョンマネージャー
権限の問題を避け、Node.js のバージョンを切り替えられるよう、Volta ↗ や nvm ↗ などの Node バージョンマネージャーを使います。このガイドの後半で説明する Wrangler には、Node バージョン 16.17.0 以降が必要です。
C3 (create-cloudflare-cli) ↗ は、Cloudflare 上に新しいアプリケーションをセットアップしてデプロイするためのコマンドラインツールです。速度に加えて、Workers 向けの公式テンプレートとフレームワーク固有のセットアップガイドを使い、作成する各アプリケーションが Cloudflare とサードパーティのベストプラクティスに沿って Cloudflare ネットワークへデプロイされるようにします。
Worker プロジェクトを作成するには、次のコマンドを実行します。
npm create cloudflare@latest -- first-workeryarn create cloudflare first-workerpnpm create cloudflare@latest first-workercreate-cloudflare ↗ パッケージのインストールを求められ、セットアップが進みます。
セットアップでは、次のオプションを選びます。
- What would you like to start with? では、
Hello World exampleを選びます。 - Which template would you like to use? では、
Worker onlyを選びます。 - Which language do you want to use? では、
JavaScriptを選びます。 - Do you want to use git for version control? では、
Yesを選びます。 - Do you want to deploy your application? では、
Noを選びます(デプロイ前にいくつか変更します)。
デプロイするかどうかを確認されます。
-
デプロイする場合は、(未ログインなら)認証を求められ、プロジェクトが Cloudflare のグローバルネットワークにデプロイされ、カスタムの
workers.devサブドメイン で利用できます。 -
デプロイしない場合は、作成されたプロジェクトディレクトリに移動してコーディングを始めます。
wrangler deployコマンドでプロジェクトをデプロイします。
パッケージマネージャーに応じた Wrangler コマンドの実行方法は、Wrangler コマンドの実行方法 を参照してください。
Worker プロジェクトディレクトリには、C3 が次のファイルを生成しています。
wrangler.jsonc: Wrangler の設定ファイルです。index.js(/src内): ES module 構文で書かれた、最小限の'Hello World!'Worker です。package.json: 最小限の Node 依存関係の設定ファイルです。package-lock.json:npmのpackage-lock.jsonドキュメント ↗ を参照してください。node_modules:npmのnode_modulesドキュメント ↗ を参照してください。
Worker の作成を続けるには、index.js を開いてコードを書きます。試せる完成済みのコードは 例 を参照してください。
次の方法を学びました。
- Cloudflare ダッシュボードと、ターミナルを使ったプログラム的な方法で、Worker プロジェクトを作成してデプロイする
次のセクションでは、動画チュートリアルで最初の Cloudflare Workers アプリケーションを作成できます。
- Get started ガイド - Cloudflare Workers の Get started ガイドで新しい Worker を作成します。