Omitir la interfaz de usuario de Swagger para la entrada de datos JSON en FastAPI

Cuando se trabaja con FastAPI, es posible publicar datos JSON sin el intermediario de la interfaz de usuario de Swagger. Aquí se explica cómo lograrlo:

Interfaz JavaScript para envío de datos JSON

Emplee una interfaz basada en JavaScript como Fetch API para enviar datos en formato JSON. Aquí hay un ejemplo:

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
});

Formulario HTML y plantillas Jinja2

Alternativamente, puede utilizar plantillas Jinja2 y un formulario HTML para enviar sus datos. Aquí se explica cómo:

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

Al utilizar estas técnicas, puede publicar cómodamente datos JSON en su backend FastAPI sin depender de la interfaz de usuario de Swagger.