نشر بيانات JSON مباشرة إلى الواجهة الخلفية لـ FastAPI بدون واجهة مستخدم Swagger

يسمح FastAPI للمستخدمين بنشر بيانات JSON بسهولة إلى الواجهة الخلفية، حتى بدون الاستفادة منها الوثائق الآلية المقدمة من Swagger UI. تتعمق هذه المقالة في العملية المباشرة لنشر البيانات مباشرة إلى عنوان URL الخلفي وعرض النتائج في المتصفح.

إنشاء تطبيق FastAPI

ابدأ بإنشاء تطبيق أساسي تطبيق FastAPI مع عملية POST وفئة نموذجية لإلغاء تسلسل حمولة 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

تنفيذ الواجهة الأمامية باستخدام 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 إلى واجهة FastAPI الخلفية بدون Swagger UI عملية مباشرة تتطلب استخدام JavaScript لإرسال البيانات مباشرة إلى عنوان URL الخلفي. يمكنك الاختيار من بين الطرق المختلفة التي تناسب احتياجاتك على أفضل وجه، سواء كان ذلك إرسال البيانات المستندة إلى النموذج أو مجموعة من بيانات الملف والنموذج/JSON.