Comment publier des données JSON sur un backend FastAPI sans interface utilisateur Swagger ?

Linda Hamilton
Libérer: 2024-10-24 04:31:02
original
979 Les gens l'ont consulté

How to Post JSON Data to a FastAPI Backend Without Swagger UI?

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 des 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 :

<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>
Copier après la connexion

Implémentation du frontend à l'aide de JavaScript

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

<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>
Copier après la connexion

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.
  • Fichier et formulaire/données JSON : Utilisez une combinaison de fichiers et de formulaire/ 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!