دليل دمج تطبيق الاختبار الطبي باستخدام GPT-5.2

ما الذي سنبنيه

في هذا الدرس التقني، سنقوم ببناء تطبيق اختبار طبي باستخدام Next.js و GPT-5.2 API من OpenAI. سيقوم هذا التطبيق بتوليد أسئلة اختبار طبية ديناميكية وتقديم تغذية راجعة في الوقت الحقيقي للمستخدمين بناءً على إجاباتهم. سيستفيد التطبيق من أحدث قدرات GPT-5.2 لصياغة الأسئلة وتحليل إجابات المستخدمين، مما يوفر تجربة تعليمية وتفاعلية.

سيسمح التطبيق النهائي للمستخدمين باختبار معرفتهم الطبية بمجموعة متنوعة من الأسئلة المستمدة من مجموعة بيانات كبيرة من المعلومات الطبية. ستتضمن كل تفاعل مع الاختبار مكالمات API في الوقت الحقيقي لتوليد أسئلة جديدة والتحقق من الإجابات، مما يضمن تجربة فريدة في كل مرة.

الإعداد والتثبيت

لبدء العمل، نحتاج إلى إعداد مشروع Next.js جديد وتثبيت التبعيات اللازمة. سنقوم أيضًا بتكوين متغيرات البيئة لإدارة مفتاح API الخاص بنا بأمان.

npx create-next-app@latest medical-quiz-app --ts
cd medical-quiz-app
npm install openai

بعد ذلك، نحتاج إلى إعداد متغيرات البيئة لتخزين مفتاح OpenAI API الخاص بنا بأمان. قم بإنشاء ملف جديد باسم .env.local في الدليل الجذري لمشروعك وأضف مفتاح API الخاص بك كما يلي:

OPENAI_API_KEY=your_openai_api_key_here

الخطوة ١: إعداد مسار API

في هذه الخطوة، سنقوم بإعداد مسار API في تطبيق Next.js الخاص بنا للتعامل مع الطلبات إلى GPT-5.2 API. سيتم استخدام هذا لجلب أسئلة الاختبار والتحقق من الإجابات.

import { OpenAI } from 'openai';

const client = new OpenAI(process.env.OPENAI_API_KEY);

export async function POST(request: Request) {
  try {
    const { question } = await request.json();
    const response = await client.chat.completions.create({
      model: "gpt-5.2",
      messages: [{ role: "system", content: "You are a medical quiz generator." }, { role: "user", content: question }],
    });

    return new Response(JSON.stringify({ answer: response.choices[0].message.content }), {
      headers: { 'Content-Type': 'application/json' },
    });
  } catch (error) {
    return new Response(JSON.stringify({ error: 'Failed to fetch data from OpenAI' }), {
      status: 500,
      headers: { 'Content-Type': 'application/json' },
    });
  }
}