FastAPI での JSON データ入力のための Swagger UI のバイパス

FastAPI を使用する場合、Swagger UI を仲介せずに JSON データを投稿できます。これを実現する方法は次のとおりです。

JSON データ送信用の JavaScript インターフェイス

Fetch API などの JavaScript ベースのインターフェイスを使用して、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})

index.html

これらの手法を使用すると、Swagger UI インターフェイスに依存せずに、JSON データを FastAPI バックエンドに簡単にポストできます。