بدء استخدام وكيل نماذج التطبيقات

يتضمّن Firebase Studio واجهة مستندة إلى الويب تتيح لك إنشاء نماذج أوّلية لتطبيقات الويب المستندة إلى الذكاء الاصطناعي وإنشاؤها بسرعة باستخدام طلبات متعددة الوسائط، بما في ذلك اللغة الطبيعية والصور وأدوات الرسم. يتيح موظّف الدّعم استخدام تطبيقات Next.js، مع إتاحة المنصّات والأُطر الأخرى في المستقبل.

مساعِد إنشاء النماذج الأولية للتطبيقات هو عملية تطوير سلسة بدون استخدام الرموز البرمجية، ويستخدم الذكاء الاصطناعي التوليدي لتطوير تطبيق ويب كامل يستند إلى الذكاء الاصطناعي واختباره وإجراء تحسينات عليه ونشره. يمكنك وصف فكرة تطبيقك بلغة طبيعية مع صورة اختيارية، وينشئ مساعِد إنشاء النماذج الأولية للتطبيقات مخطّطًا للتطبيق ورمزًا برمجيًا ومعاينة على الويب. للمساعدة في تطوير تطبيقك المتكامل ونشره، يمكن لخدمة Firebase Studio إعداد الخدمات التالية تلقائيًا نيابةً عنك:

  • إذا كان تطبيقك يستخدم الذكاء الاصطناعي: تضيف Firebase Studio واجهة برمجة التطبيقات Gemini Developer API إلى تطبيقك، وذلك باستخدام إمكانات تدفقات Genkit للعمل مع Gemini. يمكنك استخدام مفتاح Gemini API الخاص بك أو السماح Firebase Studio بتوفير مشروع على Firebase ومفتاح Gemini API نيابةً عنك.
  • إذا كنت تريد نشر تطبيقك على الويب: Firebase Studio تنشئ مشروعًا وتقدّم طريقة سريعة لنشر تطبيقك باستخدام Firebase App Hosting.

يمكنك تحسين التطبيق باستخدام اللغة الطبيعية والصور وأدوات الرسم، وتعديل الرمز البرمجي مباشرةً، وإلغاء التغييرات، ونشر التطبيق، وتتبُّع أدائه، وكل ذلك من Firebase Studio.

البدء

للبدء باستخدام App Prototyping agent، اتّبِع الخطوات التالية:

  1. سجِّل الدخول إلى حسابك على Google وافتح Firebase Studio.

  2. في حقل إنشاء نموذج أولي لتطبيق باستخدام الذكاء الاصطناعي، وصف فكرة تطبيقك بلغة طبيعية.

    يمكنك إضافة صورة إلى طلبك إذا أردت. يمكن أن يكون ذلك مخطّطًا بيانيًا لمسار المستخدِم المثالي في تطبيقك، أو نظام ألوان تريد Firebase Studio الالتزام به. يمكن أن يصل حجم الصور إلى 3 ميغابايت بحد أقصى.

  3. انقر على إنشاء نموذج أوّلي باستخدام الذكاء الاصطناعي.

    يعرض مساعد إنشاء النماذج الأولية للتطبيقات مخطّطًا للتطبيق يقدّم اسمًا مقترَحًا للتطبيق والميزات الأساسية وإرشادات حول التصميم.

  4. راجِع المخطّط التفصيلي. يمكنك أن تطلب من Gemini إجراء تحسينات وتغييرات وتعديل المخطّط مباشرةً:

    • انقر على تخصيص وعدِّل المخطّط الأساسي مباشرةً. أدخِل التغييرات التي تريدها، وانقر على حفظ.

    • في حقل وصف... في لوحة المحادثة، أضِف أسئلة توضيحية وسياقًا. يمكنك أيضًا تحميل صور إضافية.

  5. عند الموافقة على المخطّط، انقر على إنشاء نموذج أولي لهذا التطبيق.

    Gemini تُنشئ رمزًا من المخطّط وتُعيد معاينة على الويب لمراجعتها.

  6. إذا كان تطبيقك يستخدم الذكاء الاصطناعي، سيُطلب منك إضافة مفتاح Gemini API أو إنشاؤه. إذا نقرت على إنشاء تلقائي، Firebase Studio سيتم بعد ذلك إنشاء مشروع Firebase ومفتاح Gemini API نيابةً عنك.

بعد إنشاء تطبيقك الأوّلي، يمكنك إجراء ما يلي:

  • مراجعة تطبيقك والتفاعل معه: بعد اكتمال إنشاء الرمز، تظهر معاينة لتطبيقك. يمكنك التفاعل مع المعاينة مباشرةً لاختبارها. اطّلِع على مزيد من المعلومات في مقالة معاينة تطبيقك.

  • الاختبار والتكرار باستخدام اللغة الطبيعية: اختبِر تطبيقك بدقة واستخدِم App Prototyping agent لتعديل الرمز البرمجي والمخطّط المرئي إلى أن تصبح راضيًا عنهما.

    أثناء زيارة Prototyper mode, you can also use the following helpful features:

    • انقر على رمز إضافة تعليق توضيحي إضافة تعليق توضيحي للرسم مباشرةً على نافذة المعاينة. استخدِم أدوات الأشكال والصور والنصوص المتاحة، بالإضافة إلى طلب نصي اختياري، لوصف ما تريد أن يتغيّر في App Prototyping agent.

    • انقر على اختيار رمز اختيار لاختيار عنصر معيّن وإدخال تعليمات App Prototyping agent. يتيح لك ذلك استهداف رمز معيّن أو زر أو جزء من نص أو عنصر آخر بسرعة. عند النقر على صورة، يمكنك أيضًا البحث عن صورة من مخزون Unsplash واختيارها.

  • تصحيح الأخطاء وتكرارها مباشرةً في الرمز: انقر على رمز التبديل بين اللغتَين التبديل إلى الرمز لفتح طريقة العرض Code، حيث يمكنك الاطّلاع على جميع ملفات تطبيقك وتعديل الرمز مباشرةً. يمكنك الرجوع مجددًا إلى Prototyper mode at any time..

    أثناء استخدام عرض Code، يمكنك أيضًا استخدام الميزة التالية المفيدة:

  • نشر تطبيقك باستخدام Firebase App Hosting: انقر على نشر ل نشر تطبيقك على App Hosting.

    تتطلّب خدمة

  • مراقبة تطبيقك وميزات الذكاء الاصطناعي وتحسينها: يمكنك مراقبة أداء تطبيق الويب واستخدامه باستخدام ميزة "الرصد" في App Hosting ومسارات الذكاء الاصطناعي التوليدي باستخدام ميزة إحصاءات Firebase في Genkit. اطّلِع على مزيد من المعلومات على مقالة مراقبة التطبيقات المتوافقة مع الويب.

الخطوات التالية