Publication de données JSON directement sur un backend FastAPI sans interface utilisateur Swagger

FastAPI permet aux utilisateurs de publier facilement des données JSON sur son backend, même sans utiliser la documentation automatisée fournie par Swagger UI. Cet article explique le processus simple de publication de données directement sur l'URL du backend et d'affichage des résultats dans le navigateur.

Création de l'application FastAPI

Commencez par créer un fichier de base Application FastAPI avec une opération POST et une classe de modèle pour désérialiser la charge utile JSON :

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

Implémentation du frontend à l'aide de JavaScript

Pour le frontend, nous utiliserons l'API Fetch, qui nous permet d'envoyer des données JSON directement à l'URL du backend.

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

Dans ce script, nous créons une requête POST, spécifiant les en-têtes corrects et convertissant les données en chaîne JSON. La réponse du serveur est ensuite affichée dans le navigateur.

Méthodes alternatives

D'autres approches pour publier des données sur le backend FastAPI incluent :

• Données de formulaire : Utilisez une approche basée sur un formulaire pour soumettre des données à l'aide de la classe FormData.
• Données de fichier et de formulaire/JSON : Utilisez une combinaison de fichiers et de formulaires/ Données JSON pour des scénarios plus complexes.

Conclusion

La publication de données JSON sur un backend FastAPI sans interface utilisateur Swagger est un processus simple qui nécessite l'utilisation de JavaScript pour envoyer le données directement à l’URL du backend. Vous pouvez choisir parmi différentes méthodes pour répondre au mieux à vos besoins, qu'il s'agisse d'une soumission de données basée sur un formulaire ou d'une combinaison de données de fichier et de formulaire/JSON.