JSON-Daten direkt in ein FastAPI-Backend ohne Swagger-Benutzeroberfläche veröffentlichen

FastAPI ermöglicht Benutzern das einfache Posten von JSON-Daten in seinem Backend, auch ohne Verwendung die automatisierte Dokumentation, die von Swagger UI bereitgestellt wird. Dieser Artikel befasst sich mit dem einfachen Prozess, Daten direkt an die Backend-URL zu senden und die Ergebnisse im Browser anzuzeigen.

Erstellen der FastAPI-Anwendung

Beginnen Sie mit der Erstellung einer Basisanwendung FastAPI-Anwendung mit einer POST-Operation und einer Modellklasse zum Deserialisieren der JSON-Nutzlast:

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

Implementieren des Frontends mit JavaScript

Für das Frontend verwenden wir die Fetch-API, die es uns ermöglicht, JSON-Daten direkt an die Backend-URL zu senden.

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

In diesem Skript erstellen wir eine POST-Anfrage, geben die richtigen Header an und konvertieren die Daten in einen JSON-String. Die Serverantwort wird dann im Browser angezeigt.

Alternative Methoden

Andere Ansätze zum Posten von Daten im FastAPI-Backend sind:

• Formulardaten: Verwenden Sie einen formularbasierten Ansatz, um Daten mithilfe der FormData-Klasse zu übermitteln.
• Datei- und Formular-/JSON-Daten: Verwenden Sie eine Kombination aus Dateien und Formularen/ JSON-Daten für komplexere Szenarien.

Fazit

Das Veröffentlichen von JSON-Daten an ein FastAPI-Backend ohne Swagger-Benutzeroberfläche ist ein unkomplizierter Prozess, der die Verwendung von JavaScript zum Senden erfordert Daten direkt an die Backend-URL. Sie können aus verschiedenen Methoden wählen, die Ihren Anforderungen am besten entsprechen, sei es die formularbasierte Datenübermittlung oder eine Kombination aus Datei und Formular-/JSON-Daten.