تجاوز Swagger UI لإدخال بيانات JSON في FastAPI

عند العمل مع FastAPI، من الممكن نشر بيانات JSON بدون وسيط Swagger UI. إليك كيفية تحقيق ذلك:

واجهة JavaScript لتقديم بيانات JSON

استخدم واجهة قائمة على JavaScript مثل Fetch API لإرسال البيانات بتنسيق JSON. إليك مثال:

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

نموذج HTML وقوالب Jinja2

بدلاً من ذلك، يمكنك استخدام قوالب Jinja2 ونموذج HTML لإرسال بياناتك. وإليك الطريقة:

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