كيفية إنشاء تطبيق ويب باستخدام ChatGPT

كيفية إنشاء تطبيق ويب باستخدام ChatGPT
القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا ، فقد نربح عمولة تابعة. اقرأ أكثر.

أحد أكبر ادعاءات الضجيج المحيط بـ ChatGPT هو أنه يمكن أن يكون أداة برمجة فعالة. الفكرة هي كما يلي: تصف ما تريده بلغة طبيعية ؛ يقوم برنامج الدردشة الآلي بإنشاء رمز يقوم بذلك بالضبط. ولكن ما مدى جودة ChatGPT بالفعل في القيام بذلك؟





اجعل فيديو اليوم قم بالتمرير للمتابعة مع المحتوى

ما هي أفضل طريقة لمعرفة ذلك من إخضاعها للاختبار؟ طلبنا من ChatGPT إنشاء تطبيق ويب بسيط من البداية. إليك نتيجة الاختبار والخطوات التي يمكنك استخدامها لإنشاء موقع ويب من البداية باستخدام ChatGPT.





الخطوة 1: إنشاء مخطط لتطبيق الويب الخاص بك

تمامًا كما تفعل عند إنشاء تطبيق ويب باستخدام أي أداة ، ستحتاج إلى وضع مخطط لما تريد أن يبدو عليه تطبيقك والخطوات التي ستحتاجها لإنشائه قبل السماح لـ ChatGPT بتشغيل العرض.





في مهمتنا الأولى ، طلبنا من ChatGPT تطوير مخطط لتطبيق دردشة بسيط. للقيام بذلك ، وصفنا متطلبات تطبيق الويب الخاص بنا ، ثم طلبنا من الشات بوت تفاصيل خطة لتطوير التطبيق.

  موجه ChatGPT لتطوير مخطط لتطبيق الويب

بعد استخدام الموجه أعلاه ، ها هي النتيجة التي حصلنا عليها:



  مخطط انسيابي أو مخطط لتطبيق الويب تم تطويره بواسطة chatgpt

ستحتاج إلى تمكين المكوّن الإضافي 'Show Me' في حساب ChatGPT الخاص بك لإنشاء مخطط انسيابي مثلنا أعلاه. أنت تستطيع تثبيت واستخدام ملحقات ChatGPT في بضع خطوات فقط ، على الرغم من أنك ستحتاج إلى اشتراك مميز.

بدون المكون الإضافي ، ستحصل على مخطط نصي أو مخطط انسيابي ASCII-art. لا يزال هذا على ما يرام. حتى بدون المكون الإضافي ، يجب أن يظل ChatGPT يوفر مخططًا واضحًا للتطبيق مثل المثال أدناه.





  تحليل نصي لتطبيق الويب بواسطة ChatGPT

الخطوة 2: تقسيم المخطط إلى وحدات أصغر

الآن بعد أن تم وضع الصورة الكبيرة لدينا ، طلبنا من ChatGPT المساعدة في تقسيم التطبيق إلى مكونات أصغر يمكننا تطويرها بشكل منفصل ثم دمجها لتشكيل تطبيق الويب الكامل. اقترح ChatGPT تقسيمه إلى ثلاثة مكونات:

  1. وحدة التسجيل
  2. وحدة تسجيل الدخول
  3. وحدة الدردشة

كانت لدينا أفكار أخرى ، لكن الهدف هنا هو السماح لـ ChatGPT بالسيطرة على اللقطات.





1. بناء مكون التسجيل

لقد قفزنا مباشرة إلى بناء مكون التسجيل. طلبنا من ChatGPT استخلاص خوارزمية مناسبة. هنا تدخلنا من خلال تحديد أننا نحتاج فقط إلى اسم المستخدم والبريد الإلكتروني والصورة الرمزية الخاصة بالمستخدم للتسجيل. إليك الموجه:

  موجه لبناء مكون التسجيل

وإليك النتيجة:

  خوارزمية لتسجيل المستخدم

بعد ذلك ، طلبنا من ChatGPT إنشاء مكون التسجيل.

  موجه لإنشاء مكون التسجيل

على الرغم من أننا لم نقم بتضمين حقل كلمة المرور كجزء من عملية التسجيل ، إلا أن ChatGPT أجرى المكالمة الصحيحة من خلال تضمينه في كود HTML الذي تم إنشاؤه. قمنا بنسخ الكود بدون أي تعديلات ، وإليك كيفية ظهوره على المتصفح.

لن يتصل جهاز التحكم بجهاز xbox one
  تم إنشاء صفحة التسجيل بواسطة ChatGPT

بعد ذلك ، طلبنا من ChatGPT إنشاء نص تسجيل PHP. في البداية ، طلبنا 'كتابة رمز PHP لمنطق جانب الخادم للتعامل مع إرسال النموذج'. على الرغم من أن البرنامج النصي الذي تم إنشاؤه يعمل بشكل جيد ، إلا أنه يحتوي على الكثير من نقاط الضعف.

لم يكن هناك تجزئة لكلمة المرور ، ولا معالجة للأخطاء ، وكان عرضة لإدخال SQL - لم يقم ChatGPT إلا بالحد الأدنى. كان إصلاح هذا سهلًا نسبيًا. لقد طلبنا ببساطة من ChatGPT 'تحديد كل شيء خطأ في الكود الذي أنشأته للتو ، ثم استخدام النقاط المحددة لتحسين الكود'. مع ذلك ، كان برنامج تسجيل PHP جاهزًا للعمل.