Accessing the Cloudflare Object

If you want to get started quickly, click on the button below.

This creates a repository in your GitHub account and deploys the application to Cloudflare Workers.

JavaScript

export default {
  async fetch(req) {
    const data =
      req.cf !== undefined
        ? req.cf
        : { error: "The `cf` object is not available inside the preview." };

    return new Response(JSON.stringify(data, null, 2), {
      headers: {
        "content-type": "application/json;charset=UTF-8",
      },
    });
  },
};

TypeScript

export default {
  async fetch(req): Promise<Response> {
    const data =
      req.cf !== undefined
        ? req.cf
        : { error: "The `cf` object is not available inside the preview." };

    return new Response(JSON.stringify(data, null, 2), {
      headers: {
        "content-type": "application/json;charset=UTF-8",
      },
    });
  },
} satisfies ExportedHandler;

Hono

import { Hono } from "hono";

const app = new Hono();

app.get("*", async (c) => {
  // Access the raw request to get the cf object
  const req = c.req.raw;

  // Check if the cf object is available
  const data =
    req.cf !== undefined
      ? req.cf
      : { error: "The `cf` object is not available inside the preview." };

  // Return the data formatted with 2-space indentation
  return c.json(data);
});

export default app;

Python

import json
from workers import Response
from js import JSON

def on_fetch(request):
    error = json.dumps({ "error": "The `cf` object is not available inside the preview." })
    data = request.cf if request.cf is not None else error
    headers = {"content-type":"application/json"}
    return Response(JSON.stringify(data, None, 2), headers=headers)