Skip to content

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

はじめに

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

スターターキットをアカウントにデプロイして、Workers for Platforms を使い始めます。

プラットフォームをデプロイする

Platform Starter Kit を Cloudflare アカウントにデプロイします。ワンクリックで Workers for Platforms の一式が揃います。

Cloudflare にデプロイ

デプロイが完了したら、Worker の URL を開きます。コードスニペットをデプロイできるプラットフォームが用意されています。

試してみる

  1. スクリプト名を入力します。例: my-worker
  2. エディターに Worker のコードを入力するか、貼り付けます。
  3. Deploy Worker を選択します。

デプロイ後は、Worker の URL の /<script-name> にアクセスしてコードを実行します。たとえばスクリプト名が my-worker なら、https://<your-worker>.<subdomain>.workers.dev/my-worker を開きます。

デプロイしたスクリプトは、それぞれ独立した Worker になります。プラットフォームは Cloudflare API を呼び出して Worker を作成し、dispatch Worker が URL パスに応じてリクエストをルーティングします。

仕組みを理解する

デプロイしたテンプレートには、連携する 3 つのコンポーネントがあります。

dispatch namespace

dispatch namespace は、user Worker の集まりです。プラットフォームが顧客に代わってデプロイする Worker をまとめる入れ物だと考えてください。

テンプレートをデプロイすると、dispatch namespace は自動で作成されます。Cloudflare ダッシュボードの Workers for Platforms で確認できます。

dispatch Worker

dispatch Worker は受信リクエストを受け取り、正しい user Worker へルーティングします。binding を使って dispatch namespace にアクセスします。

export default {
	async fetch(request, env) {
		// Get the user Worker name from the URL path
		const url = new URL(request.url);
		const workerName = url.pathname.split("/")[1];

		// Fetch the user Worker from the dispatch namespace
		const userWorker = env.DISPATCHER.get(workerName);

		// Forward the request to the user Worker
		return userWorker.fetch(request);
	},
};

env.DISPATCHER.get() メソッドは、dispatch namespace から名前で user Worker を取得します。

user Worker

user Worker には、顧客が書いてデプロイするコードが入ります。隔離された環境で動き、ほかの顧客のデータやコードにはアクセスできません。

テンプレートでは、user Worker は API 経由でプログラムからデプロイされます。本番では、顧客がコードを保存したときに、プラットフォームが Cloudflare API または SDK を呼び出して user Worker をデプロイします。

プラットフォームを構築する

各コンポーネントの連携が分かったら、用途に合わせてテンプレートをカスタマイズします。

AI vibe coding プラットフォームを構築する

Cloudflare にデプロイ

利用者が作りたいものを説明すると、AI がアプリケーションを生成してデプロイする AI vibe coding プラットフォーム を構築します。

Cloudflare のオープンソース vibe coding プラットフォームである VibeSDK なら、AI によるコード生成、セキュアなサンドボックスでのコード実行、ライブプレビュー、大規模なデプロイまで揃った例から始められます。

デモを見る

GitHub で見る

社内向け静的サイトプラットフォームをデプロイする

Cloudflare にデプロイ

社内向けのドラッグアンドドロップ静的サイトプラットフォームをデプロイします。従業員がファイルをアップロードすると公開 URL が発行されます。各サイトは Cloudflare Access の背後で保護されます。

サイトのデプロイと全社認証には、Workers for PlatformsAccess を使います。

GitHub で見る

役に立ちましたか?