Swagger UI 없이 JSON 데이터를 FastAPI 백엔드에 직접 게시

FastAPI를 사용하면 사용자가 JSON 데이터를 활용하지 않고도 백엔드에 쉽게 게시할 수 있습니다. Swagger UI에서 제공하는 자동화된 문서입니다. 이 문서에서는 데이터를 백엔드 URL에 직접 게시하고 결과를 브라우저에 표시하는 간단한 프로세스를 자세히 설명합니다.

FastAPI 애플리케이션 생성

기본 애플리케이션 생성부터 시작합니다. POST 작업과 JSON 페이로드 역직렬화를 위한 모델 클래스가 포함된 FastAPI 애플리케이션:

from fastapi import FastAPI
from pydantic import BaseModel

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

app = FastAPI()

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

JavaScript를 사용하여 프런트엔드 구현

프런트엔드에서는 JSON 데이터를 백엔드 URL로 직접 보낼 수 있는 Fetch API를 활용하겠습니다.

fetch('/', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({name: "XYZ", roll: 51})
})
.then(resp => resp.text())
.then(data => {
    console.log(data);  // Display the result in the browser
})
.catch(error => {
    console.error(error);
});

이 스크립트에서는 올바른 헤더를 지정하고 데이터를 JSON 문자열로 변환하는 POST 요청을 생성합니다. 그러면 서버 응답이 브라우저에 표시됩니다.

대체 방법

FastAPI 백엔드에 데이터를 게시하는 다른 접근 방식은 다음과 같습니다.

• 양식 데이터: 양식 기반 접근 방식을 사용하여 FormData를 사용하여 데이터를 제출합니다. class.
• 파일 및 양식/JSON 데이터: 보다 복잡한 시나리오를 위해 파일과 양식/JSON 데이터의 조합을 활용합니다.

결론

Swagger UI 없이 FastAPI 백엔드에 JSON 데이터를 게시하는 것은 JavaScript를 사용하여 데이터를 백엔드로 직접 보내야 하는 간단한 프로세스입니다. URL. 양식 기반 데이터 제출이든 파일과 양식/JSON 데이터의 조합이든 필요에 가장 적합한 다양한 방법 중에서 선택할 수 있습니다.