在没有 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 实现前端

对于前端，我们将利用 Fetch API，它使我们能够将 JSON 数据直接发送到后端 URL。

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

在此脚本中，我们创建一个 POST 请求，指定正确的标头并将数据转换为 JSON 字符串。然后，服务器响应将显示在浏览器中。

替代方法

将数据发布到 FastAPI 后端的其他方法包括：

• 表单数据： 使用基于表单的方法，使用 FormData 类提交数据。
• 文件和表单/JSON 数据： 结合使用文件和表单/JSON 数据来实现更复杂的场景。

结论

将 JSON 数据发布到没有 Swagger UI 的 FastAPI 后端是一个简单的过程，需要使用 JavaScript 将数据直接发送到后端 URL。您可以选择最适合您需求的各种方法，无论是基于表单的数据提交还是文件和表单/JSON 数据的组合。