Connect your FastAPI backend to Chrome DevTools using Subtrace
You can connect your FastAPI backend to Chrome DevTools using Subtrace with
just one line of code. With Subtrace, you can inspect the status, headers,
payload, and latency of all API requests so you can debug way faster.To begin, install Subtrace using the pip command:
Copy
Ask AI
pip install subtrace
For this guide, we’ll use the following Python FastAPI app as an example:
Copy
Ask AI
# Add this line to install Subtrace on your FastAPI serverimport subtracefrom fastapi import FastAPIimport requestsapp = FastAPI()counter = 0@app.get("/counter")def get_counter(): return {"counter": counter}@app.post("/uuid")def new_uuid(): global counter counter += 1 return requests.get("https://httpbin.org/uuid").json()
Get a SUBTRACE_TOKEN from the Subtrace dashboard
for free to set it as an environment variable.
Copy
Ask AI
# get a tracer token for free at https://subtrace.dev/dashboardexport SUBTRACE_TOKEN=
Start your server using the fastapi command:
Copy
Ask AI
fastapi run main.py
And send some requests and see them in Chrome DevTools!You can find the complete source code used in this demo here.