Swagger UI 없이 FastAPI 백엔드에 JSON 데이터를 게시하는 방법은 무엇입니까?

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

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

FastAPI 애플리케이션 생성

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

<code class="python">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</code>

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

프런트엔드의 경우 JSON 데이터를 백엔드 URL로 직접 보낼 수 있는 Fetch API.

<code class="javascript">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);
});</code>

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

대체 방법

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

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

결론

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

위 내용은 Swagger UI 없이 FastAPI 백엔드에 JSON 데이터를 게시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!