Contourner l'interface utilisateur Swagger pour la saisie de données JSON dans FastAPI

Lorsque vous travaillez avec FastAPI, il est possible de publier des données JSON sans l'intermédiaire de l'interface utilisateur Swagger. Voici comment y parvenir :

Interface JavaScript pour la soumission de données JSON

Utilisez une interface basée sur JavaScript telle que l'API Fetch pour envoyer des données au format JSON. Voici un exemple :

var data = {
    name: "foo",
    roll: 1
}

fetch('/', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
}).then(resp => {
    return resp.text();
}).then(data => {
    // Handle the response
});

Formulaire HTML et modèles Jinja2

Vous pouvez également utiliser les modèles Jinja2 et un formulaire HTML pour soumettre vos données. Voici comment procéder :

app.py

from fastapi import FastAPI, Request
from fastapi.templating import Jinja2Templates
from pydantic import BaseModel

app = FastAPI()
templates = Jinja2Templates(directory="templates")

class Item(BaseModel):
    name: str
    roll: int

@app.post("/")
async def create_item(item: Item):
    return item

@app.get("/")
async def index(request: Request):
    return templates.TemplateResponse("index.html", {"request": request})

index.html

En utilisant ces techniques, vous pouvez facilement publier des données JSON sur votre backend FastAPI sans compter sur l'interface utilisateur de Swagger.