プレイグラウンド
Cloudflare Workersを試す最も簡単な方法は、Playground ↗を利用することです。セットアップや認証は必要ありません。Playgroundはサンドボックスであり、ブラウザ内で直接Workerをプレビューおよびテストするための即時の方法を提供します。
Playgroundは、認証された体験と同じエディタを使用しています。Playgroundでは、あなたが書いたコードを共有したり、Cloudflareのグローバルネットワークに瞬時にデプロイしたりすることができます。これにより、新しいことを試して、準備ができたときにデプロイすることができます。
Playgroundを起動Playgroundに到着すると、次のデフォルトコードが表示されます：
import welcome from "welcome.html";
/** * @typedef {Object} Env */
export default { /** * @param {Request} request * @param {Env} env * @param {ExecutionContext} ctx * @returns {Response} */ fetch(request, env, ctx) { console.log("こんにちはCloudflare Workers！");
return new Response(welcome, { headers: { "content-type": "text/html", }, }); },};これは、requestを受信し、コンソールにメッセージをログ出力し、welcome.htmlからのコンテンツを含むresponseボディを返すマルチモジュールWorkerの例です。
詳細については、Fetchハンドラのドキュメントを参照してください。
デフォルトコードを編集すると、Workerは自動的に更新され、右側のプレビューにブラウザで実行されているWorkerが表示されます。WorkerがURLパスを使用している場合、右側の入力フィールドにそれらを入力してナビゲートできます。Playgroundは、JSDocコメントとworkers-types ↗を介して型チェックを提供します。また、アプリケーションエラーが発生した場合には、見やすいエラーページも提供します。
生のHTTPリクエスト（例えば、POSTリクエストをテストするため）をテストするには、HTTPタブに移動し、送信を選択します。このパネルを介してヘッダーを追加および編集したり、リクエストのボディを編集したりできます。
Playground内でWorkerをデバッグするには、Playgroundのプレビューパネルの下部にある開発者ツールを使用して、console.logs、ネットワークリクエスト、メモリおよびCPU使用率を表示します。Workers Playgroundの開発者ツールは、ChromeやFirefoxの開発者ツールと同様に機能し、Wrangler CLIや認証されたダッシュボードでユーザーがアクセスできる開発者ツールと同じです。
ネットワークは、Workerからの送信リクエストを表示します。つまり、Workerコード内のfetchへのすべての呼び出しです。
コンソールは、現在のプレビューロンおよびそのセッション内の他のプレビューロンのために呼び出されたconsole.logの出力を表示します。
ソースは、Workerを構成するソースを表示します。KV、テキスト、およびシークレットバインディングは、アカウントで認証されている場合にのみアクセス可能です。つまり、ダッシュボードにログインしているか、アカウントの資格情報を使用してwrangler devを実行する必要があります。
作成したものを共有するには、画面の右上にあるリンクをコピーを選択します。これにより、他の人と共有できるユニークなURLがクリップボードにコピーされます。これらのリンクは期限切れにならないため、作成物をブックマークしていつでも共有できます。共有リンクを開いたユーザーは、共有されたコードとプレビューを持つPlaygroundを見ることができます。
PlaygroundからWorkerをデプロイできます。すでにログインしている場合は、デプロイ前にWorkerを確認できます。そうでない場合は、確認とデプロイを行う前に初回ユーザーのオンボーディングフローに案内されます。
デプロイが完了すると、Workerには独自のユニークなURLが割り当てられ、Cloudflareのグローバルネットワーク上でほぼ瞬時に利用可能になります。ここから、カスタムドメインやストレージリソースなどを追加できます。