例

HTMLRewriter を使い、事前取得したブートストラップデータを SPA シェルに注入して、初回ロード時のクライアント側データ取得をなくします。Workers Static Assets でも、外部ホストの SPA でも使えます。

高カーディナリティの時系列データを、Workers Analytics Engine にカスタム分析イベントとして書き込みます。

ストリーミングを使って、大きな JSON のリクエスト / レスポンス本文を解析・変換します。

HTTP Basic スキーマでアクセスを制限する方法を示します。

リモートサーバーへリクエストを送り、レスポンスから HTML を読み取り、その HTML を配信します。

Worker スクリプト内の HTML 文字列から、HTML ページを直接配信します。

Worker スクリプトから JSON を直接返します。API やミドルウェアの構築に便利です。

HMAC と SHA-256 アルゴリズムで署名付きリクエストを検証するか、403 を返します。

OpenAI v4 SDK を使い、OpenAI からのレスポンスをストリーミングします。

timingSafeEqual で値を安全に比較し、タイミング攻撃から守ります。

HTMLRewriter ランタイム API を使い、HTML 要素へ Turnstile を暗黙的に挿入します。

Worker で Images 向けのカスタムドメインを設定するか、プレフィックスパスと Cloudflare 登録ドメインで画像を配信します。

HTML レスポンスを待つあいだに、クライアントが静的アセットをリクエストできるようにします。

Workers で追加の Cache Tags を送信する

カスタムの Cloudflare プロパティにアクセスし、各リクエストへの Cloudflare 機能の適用方法を制御します。

2 つの URL に GET リクエストを送り、レスポンスを 1 つにまとめて返します。

受信リクエストの TLS バージョンを検査し、TLSv1.2 未満ならブロックします。

リクエスト URL に対応するマップオブジェクトに基づいて、特定の URL へリクエストをリダイレクトします。

Cache API を使って POST リクエストをキャッシュします。

受信リクエストの URL、HTTP メソッド、User-Agent、IP アドレス、ASN、デバイス種別をもとにレスポンスを返します。

Cookie 名を指定して、その値を取得します。Cookie を A/B テストに使うこともできます。

GET リクエストを送り、レスポンスから JSON を読み取ります。外部データの取得に使います。

ユーザーの現地時刻に合わせて、サイトのスタイルをパーソナライズします。

位置情報の全フィールドを取得し、HTML で表示します。

JSON データを含む POST リクエストを送信します。外部サーバーとデータを共有するときに使います。

リクエストを 1 つの URL から別の URL へ、または一連の URL から別の一連の URL へリダイレクトします。

HTMLRewriter を使って HTML 内の URL リンクを書き換えます。JAMstack サイトで役立ちます。

一般的なセキュリティヘッダー（X-XSS-Protection、X-Frame-Options、 X-Content-Type-Options、Permissions-Policy、Referrer-Policy、 Strict-Transport-Security、Content-Security-Policy）を設定します。

3 つの異なるスケジュールで複数の Cron Triggers を設定する

Worker に Cron Trigger を設定します。

WebSockets API を使い、Cloudflare Workers とリアルタイムに通信します。

ユーザーの位置情報を使って、API から天気データを取得します。

Cookie に応じて返すレスポンスを制御し、A/B テストを設定します。このバージョンでは、ランダム割り当てを経由せず、オリジン上の test と control へリクエストをそのまま渡せます。

リクエストで送るヘッダー、またはレスポンスで返すヘッダーを追加、変更、削除する例です。

ヘッダー内の既知の事前共有キーに基づいて、リクエストを許可または拒否します。 WebCrypto API の代替ではありません。

ドメインへのリクエストを、プロキシ先のサードパーティオリジン URL 群へ解決します。

Cache API を使い、レスポンスを Cloudflare のキャッシュに保存します。

fetch リクエストで TTL、カスタムキャッシュキー、キャッシュヘッダーを設定し、リソースのキャッシュ方法を決めます。

サードパーティ API のレスポンスに、必要な CORS ヘッダーを追加します。

訪問者のヘッダーにある国コードに基づいて、レスポンスをリダイレクトします。

機密データを保護してデータ損失を防ぎ、データ侵害が発生したときに webhook サーバーへアラートを送ります。

エラーレスポンスに含まれるデバッグ情報を、ログサービスへ送信します。

ほかのサイトからコンテンツへのリンクをブロックします。画像の保護に役立ちます。

Map を使って Headers オブジェクトの内容をコンソールに記録します。

受信リクエストを元に、プロパティを編集した新しいリクエストを作成します。

変更できないレスポンスのプロパティを、先にコピーを作ってから取得して変更します。

HTML フォームを配信し、POST リクエストを読み取ります。受信リクエストから JSON や POST データを読む場合にも使えます。

Worker へのリクエストに、別のウェブサイト（この例では example.com）のレスポンスで応答します。