حوّل كود ChatGPT إلى
موقع مباشر
خذ ملفات HTML وCSS وJavaScript أو React التي أنشأها ChatGPT، ارفع الواجهة النهائية، واحصل على رابط HTTPS يمكنك اختباره ومشاركته وربطه بنطاق.
ما مخرجات ChatGPT التي يمكن نشرها؟
DeployPages مناسب عندما تكون مخرجات الذكاء الاصطناعي واجهة أمامية ثابتة. إذا احتاج التطبيق خادمًا أو قاعدة بيانات أو نظام مصادقة أو مفاتيح خاصة، فافصل ذلك في واجهة خلفية.
ملف HTML واحد
ملف index.html كامل مع CSS وJavaScript داخلي هو أبسط مسار. ارفع الملف واختبر الرابط الناتج.
موقع ثابت متعدد الملفات
إذا أعطاك ChatGPT ملفات HTML وCSS وJS وصورًا أو خطوطًا منفصلة، فارفع المجلد كاملًا حتى تبقى المسارات سليمة.
مشروع React أو Vite
ابنِ المشروع أولًا، ثم ارفع مجلد الإنتاج مثل dist أو build بدل مجلد المصدر.
تصدير ثابت من إطار عمل
تعمل مخرجات إطار العمل عندما تنتج ملفات ثابتة. المسارات التي تعتمد على عرض الخادم وAPI routes ومنطق قاعدة البيانات تحتاج بيئة تشغيل منفصلة.
من المحادثة إلى رابط عام
اطلب ملفات ثابتة كاملة
اطلب من ChatGPT مشروعًا واضحًا بأسماء ملفات مثل index.html وstyle.css وscript.js ومجلد assets للصور أو الخطوط.
احفظ المشروع كاملًا
لا تنسخ HTML المرئي فقط إذا كانت الصفحة تشير إلى CSS أو JavaScript أو صور أو خطوط. حافظ على أسماء الملفات والمسارات نفسها.
ارفع وراجع
اسحب المجلد الكامل إلى DeployPages، افتح الرابط المباشر، وراجع التخطيط والروابط والصور والنماذج وأخطاء console قبل المشاركة.
قبل نشر كود أنشأته أداة ذكاء اصطناعي
قد يكتب ChatGPT النسخة الأولى بسرعة. النشر هو المكان الذي تظهر فيه الملفات الناقصة والمحتوى الوهمي والافتراضات غير الآمنة.
استبدل المحتوى التجريبي
ابحث عن عناوين بريد وهمية ونصوص lorem وأسعار عينة وروابط مؤقتة وشهادات مختلقة قبل فتح الصفحة للجمهور.
افحص مسارات الأصول
إذا كان هناك صورة أو stylesheet، فتأكد أن الملف موجود في المجلد المرفوع بنفس المسار النسبي.
أزل الأسرار المكشوفة
لا تنشر مفاتيح API خاصة أو روابط قواعد بيانات أو رموز خدمة أو بيانات إدارة داخل كود الواجهة الذي أنشأته أداة ذكاء اصطناعي.
اختبر الصفحة الحقيقية
افتح الرابط المنشور على سطح المكتب والجوال. راجع أخطاء console والنماذج المعطلة والروابط الخارجية والتجاوب والتحميل.
مشكلات شائعة عند نشر مخرجات ChatGPT
الصفحة تعمل في معاينة المحادثة ولا تعمل بعد الرفع
قد تخفي المعاينة مشكلة ملف ناقص. احفظ كل ملف مشار إليه وارفع المجلد الكامل مع ملف HTML الرئيسي.
الصور لا تظهر
اطلب من ChatGPT سرد الأصول المطلوبة، ثم تحقق من وجود كل ملف. استبدل مسارات الصور الخيالية بملفات حقيقية أو روابط صور مقصودة.
النموذج لا يفعل شيئًا
الاستضافة الثابتة تعرض النموذج لكنها لا تنشئ واجهة خلفية. استخدم نقطة استقبال للنماذج أو وظيفة serverless أو خدمة خارجية لاستقبال الإرسال.
نسخة React لا تُنشر مباشرة
ثبّت الاعتمادات، شغّل بناء الإنتاج، وارفع مجلد المخرجات. ملفات المصدر وpackage.json ليست الموقع الثابت الجاهز للنشر.
أسئلة عن نشر مواقع ChatGPT
هل يمكن نشر كود من ChatGPT Artifacts؟
نعم. إذا أعطاك ChatGPT حزمة ملفات أو مشروع واجهة كاملًا، ارفع الملفات الثابتة مباشرة. لمشاريع React، ابنِ المشروع أولًا وارفع مجلد المخرجات.
ماذا لو استخدم المشروع صورًا أو أصولًا محلية؟
ارفع المجلد كاملًا حتى تبقى مسارات الصور والأنماط والسكربتات سليمة. لا ترفع HTML وحده إذا كانت الصفحة تشير إلى أصول محلية.
هل يمكن تحديث الموقع بعد أول نشر؟
نعم. أنشئ نسخة معدلة في ChatGPT، ارفع الملفات الجديدة، ويمكن لـ DeployPages استبدال النشر الحالي بالبناء الجديد.
هل يعمل الكود الخلفي الذي أنشأه ChatGPT هنا؟
ليس ضمن مسار النشر الثابت. يمكن لـ DeployPages استضافة واجهة المشروع، أما الواجهة الخلفية وقواعد البيانات ومفاتيح API الخاصة فتحتاج بيئة تشغيل منفصلة.
ماذا أطلب من ChatGPT قبل النشر؟
اطلب منه سرد كل الملفات المطلوبة، إزالة المحتوى التجريبي، استخدام مسارات نسبية، تجنب الأسرار الخاصة في الواجهة، وشرح الأجزاء التي تحتاج واجهة خلفية.