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 백엔드에 편리하게 게시할 수 있습니다.