Loading blog posts...
العودة إلى المدونة
Also in
بناء تطبيقات ويب حقيقية داخل ChatGPT: دليل عملي لميزة Sites
منذ 9 يوليو 2026، يمكن لمستخدمي ChatGPT المدفوع بناء واستضافة تطبيقات ويب حقيقية دون مغادرة ChatGPT. تصف التطبيق، يكتب ChatGPT الواجهة الأمامية والخلفية، يستضيف كليهما، ويعطيك رابطاً مباشراً. يركز هذا الدليل على ما يجب بناؤه، كيف تعمل الواجهة الخلفية، وكيف تتحدث مع ChatGPT بالضبط للحصول على أداة قابلة للاستخدام - باستخدام ميزة Sites وتطبيق ChatGPT للحاسوب فقط.
المكونات التي تحصل عليها
كل موقع (Site) يحتوي على ثلاث طبقات كحد أقصى، وأنت تختار أيها يحتاجه تطبيقك:
- الواجهة الأمامية (Frontend) - الصفحات التي يراها الناس وينقرون عليها.
- الواجهة الخلفية مع قاعدة بيانات (D1) - قاعدة بيانات علائقية حقيقية تخزن السجلات بشكل دائم. هذا ما يجعل النماذج وأدوات التتبع ولوحات المعلومات ممكنة: البيانات تبقى بعد التحديث ويتم مشاركتها بين جميع الزوار.
- تخزين الملفات (R2) - للملفات المرفوعة مثل الصور أو المستندات.
- تسجيل الدخول بـ ChatGPT - يُعرّف الزوار أنفسهم بحساب ChatGPT الخاص بهم، حتى يعرف تطبيقك من أرسل ماذا، أو يحدد الإجراءات لمرة واحدة لكل شخص، أو يعرض لكل مستخدم بياناته فقط.
لن تحتاج أبداً لإعداد أي من هذا بنفسك. تطلبه باللغة العادية، ويولد ChatGPT الكود لجميع الطبقات. الشيء الوحيد الذي يجب عليك فعله هو التوضيح بدقة ما يحتاج للتخزين - إذا لم تذكر الحفظ الدائم، قد تحصل على صفحة تنسى كل شيء عند التحديث.
الجملة السحرية التي تُفعّل توليد كود الواجهة الخلفية هي نسخة من:
"يجب أن تبقى البيانات محفوظة بعد التحديث ومشتركة بين جميع الزوار. استخدم قاعدة بيانات."
ما يستحق البناء فعلاً
فكر في "أدوات داخلية صغيرة تزيل الاحتكاك من أسبوعك":
- لوحة معلومات شخصية أو للفريق - صفحة واحدة تعرض مشاريعك، الحالات، تواريخ الاستحقاق، والعناصر المتأخرة بالأحمر.
- لوحة فرز البريد الإلكتروني - الصق رسائل البريد، ويصنف التطبيق كل واحدة كـ رد اليوم / تفويض / قراءة لاحقاً / أرشفة، مع قائمة دائمة لكل فئة. (Sites لا يمكنها الاتصال بصندوق بريدك - اللصق هو المدخل.)
- نموذج إرسال - اجمع الطلبات، التعليقات، التسجيلات، أو تقارير الأخطاء من الآخرين عبر رابط.
- أداة تتبع - العادات، المصاريف للاسترداد، طلبات الوظائف، أي شيء بصفوف وحالات.
- بوابة داخلية - روابط، إرشادات، وأسئلة شائعة لفريق صغير، قابلة للتعديل من قبلك فقط.
- أداة تصويت أو ترتيب - صوت واحد لكل شخص مسجل دخوله، النتائج مخزنة مركزياً. أحد المختبرين الأوائل أطلق هذا بالضبط، مع الواجهة الخلفية، في حوالي 23 دقيقة.
غير ممكن، فلا تبدأ من هنا: المدفوعات والتجارة الإلكترونية، الاتصال بقواعد بيانات خارجية أو APIs خاصة، المهام الخلفية، أي شيء يتعلق بالبيانات الصحية أو البطاقات.
كيف تتحدث مع ChatGPT قبل البناء - موجه المقابلة
أكبر رافعة للجودة ليست موجه البناء - بل جعل ChatGPT يُجري مقابلة معك أنت أولاً. افتح تطبيق سطح المكتب، اذكر @Sites، وابدأ بـ:
الموجه 1 - المقابلة: "أريد بناء تطبيق ويب صغير: [جملة واحدة - مثلاً 'مكان تقترح فيه عائلتي أفكار العشاء وتصوت عليها']. قبل أن تبني أي شيء، قابلني. اسألني سؤالاً واحداً في كل مرة عن: من سيستخدمه، ما الإجراءات التي يمكن لكل شخص اتخاذها، ما البيانات التي يجب تخزينها، من يمكنه رؤية البيانات، وما الذي يجب أن تعرضه الشاشة الرئيسية. عندما يكون لديك ما يكفي، أرني الخطة - الصفحات، حقول البيانات، والصلاحيات - وانتظر موافقتي."
هذا يحول الأفكار الغامضة إلى مواصفات محددة، والمواصفات تصبح أمر البناء:
الموجه 2 - البناء: "ابنِه كما خططنا. واجهة خلفية خاصة: احفظ جميع السجلات في قاعدة بيانات، مشتركة بين الزوار، دائمة عبر التحديثات. اطلب تسجيل الدخول بـ ChatGPT للإرسال. أنشئ نسخة قابلة للمراجعة أولاً - لا تنشر أي شيء بعد."
دليل تطبيقي: نموذج إرسال مع واجهة خلفية خاصة
هذا هو النمط الذي تختزل إليه تقريباً كل Sites مفيدة - نموذج عام في المقدمة، عرض بيانات خاص في الخلف.
الموجه: "ابنِ نموذج إرسال لـ [طلبات الميزات]. الحقول: الاسم (يُملأ تلقائياً من تسجيل دخول ChatGPT)، العنوان، الوصف، الأولوية (منخفضة/عادية/عاجلة). عند الإرسال، احفظ السجل في قاعدة البيانات مع طابع زمني واعرض رسالة شكر. أضف صفحة /admin منفصلة تعرض جميع الإرسالات في جدول، الأحدث أولاً، مع فلاتر حسب الأولوية - واجعل صفحة الإدارة مرئية لي فقط، ليس للزوار الآخرين. نسخة قابلة للمراجعة أولاً، لا تنشر."
أين تُخزن بيانات الإرسال، وأين تجدها؟ تُخزن في قاعدة البيانات المدمجة للموقع (D1). تقرأها بطريقتين، كلاهما داخل المنتج:
- صفحة الإدارة الخاصة التي طلبتها للتو - هذا هو النمط القياسي. النموذج عام؛ جدول النتائج مقيد لك. اطلب تصدير CSV في تلك الصفحة إذا أردت البيانات خارجاً.
- اسأل في المحادثة - في نفس محادثة Sites يمكنك ببساطة أن تسأل، "أرني الإرسالات المستلمة حتى الآن،" وكرر على كيفية عرضها.
لوحة المعلومات وفرز البريد الإلكتروني، في موجه واحد لكل منهما
لوحة المعلومات: "ابنِ لوحة معلومات شخصية. الأقسام: المشاريع (الاسم، الحالة، تاريخ الاستحقاق)، اليوم (المهام المستحقة اليوم)، وفي الانتظار (أشياء أنتظرها من الآخرين، مع اسم الشخص والأيام المنقضية). جميع البيانات مخزنة في قاعدة البيانات، قابلة للتعديل مباشرة من قبلي فقط. العناصر المتأخرة بالأحمر. الوصول: خاص، أنا فقط."
فرز البريد الإلكتروني: "ابنِ لوحة فرز بريد إلكتروني. ألصق مرسل البريد، الموضوع، والنص في صندوق استقبال. كل بريد يصبح بطاقة يمكنني سحبها بين أربعة أعمدة: رد اليوم، تفويض، قراءة لاحقاً، منتهي. البطاقات تبقى في قاعدة البيانات. اعرض عداداً لكل عمود واسمح لي بأرشفة عمود كامل مرة واحدة. الوصول: خاص."
حسّن بطلبات مرقمة بسيطة - "1) رتب 'رد اليوم' بالأقدم أولاً، 2) أضف صندوق بحث، 3) اسمح لي بتعديل البطاقة بعد الحفظ" - واترك كل شيء آخر دون تغيير.
كيف ينطلق مباشرة على الإنترنت
النشر عملية متعمدة من خطوتين، وهذا مهم لأنه لا توجد بيئة تجريبية - كل رابط منشور هو إنتاج:
- احفظ نسخة. هذا ينشئ لقطة يمكنك مراجعتها دون كشف أي شيء.
- انشر، ثم اختر الجمهور: خاص (أنت)، أشخاص محددون، مساحة عملك، أو عام - عام يعني أي شخص على الإنترنت لديه الرابط، لا حاجة لحساب ChatGPT للعرض.
تطبيقك مباشر فوراً على yourname.openai.chatgpt.site، مع نطاق مخصص متاح حيث يُدعم. التحليلات المدمجة تعرض الزوار الفريدين ومشاهدات الصفحة. يمكن للزوار استخدام الموقع - إرسال، تصويت، تصفح - لكن لا يمكنهم تعديله أبداً؛ التعديل يحدث فقط في محادثتك.
ابدأ بأضيق جمهور، انقر عبر كل تدفق بنفسك، ثم وسّع. الاستضافة مشمولة مع خطتك المدفوعة (Free وGo مستثناة؛ المنطقة الاقتصادية الأوروبية وسويسرا والمملكة المتحدة غير مدعومة بعد) - الاستخدام يُحسب من حصة خطتك كما يفعل Codex.
العادة التي تجعل هذا ينجح
جملة واحدة للتذكر: قابل أولاً، ابنِ ثانياً، انشر أخيراً. دع ChatGPT يطرح الأسئلة، أصر على قاعدة بيانات كلما احتجت البيانات للبقاء، ضع صفحة إدارة خاصة خلف كل نموذج عام - وستنتقل من الفكرة إلى أداة مفيدة مباشرة في جلسة واحدة.
