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

يتضمّن 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، اتّبِع الخطوات التالية:

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

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

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

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

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

ملاحظة: للوصول إلى مفتاح Gemini API لنسخه أو حذفه في المستقبل، استخدِم وحدة تحكّم Google Cloud.

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

الاختبار والتكرار: اختبِر تطبيقك بدقة واعمل مع App Prototyping agent لتكرير الرمز والتصميم إلى أن تصبح مرتاحًا بشأنهما. يمكنك أيضًا النقر على </> للانتقال إلى "طريقة عرض الرمز" و تعديل الرمز في مساحة عمل Firebase Studio.
مراجعة تطبيقك والتفاعل معه: بعد اكتمال إنشاء الرمز، تظهر معاينة لتطبيقك. يمكنك التفاعل مع المعاينة مباشرةً لاختبارها. اطّلِع على مزيد من المعلومات في مقالة معاينة تطبيقك.

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

ملاحظة: يمكنك استخدام Gemini في Firebase في Code عرض كلّ من المحادثة التفاعلية والوضع المضمّن. يمكن أن تساعدك المحادثة التفاعلية في تشخيص المشاكل وتقديم الحلول وتشغيل الأدوات للمساعدة في حلّ المشاكل في تطبيقك بشكلٍ أسرع. لتفعيل المحادثة التفاعلية، انقر على spark في أسفل قائمة مساحة العمل. لتفعيل ميزة "المساعدة المضمّنة"، انقر على رمز spark في أعلى قائمة مساحة العمل. يمكنك الاطّلاع على مزيد من المعلومات على الرابط التالي: المساعدة المستندة إلى الذكاء الاصطناعي في Firebase Studio.
نشر تطبيقك باستخدام Firebase App Hosting: انقر على نشر ل نشر تطبيقك على App Hosting.
تتطلب خدمة
Firebase App Hosting توفُّر حساب على Cloud Billing. عند ربط حساب فوترة بمشروع Firebase، تتم ترقية مشروعك تلقائيًا إلى خطة أسعار Blaze للدفع حسب الاستخدام وتتم ترقية استخدام Gemini API إلى الفئة المدفوعة. سيتم تحصيل رسوم منك مقابل استخدام الخدمات المدفوعة التي تتجاوز الحصة المتاحة بدون تكلفة. اطّلِع على مزيد من المعلومات على الرابطين التاليين: فهم تكاليف استضافة التطبيقات، أسعار Firebase، Gemini أسعار واجهة برمجة التطبيقات للمطوّرين.
مراقبة تطبيقك وميزات الذكاء الاصطناعي وتحسينها: يمكنك مراقبة أداء تطبيق الويب واستخدامه باستخدام ميزة "الرصد" في App Hosting ومسارات الذكاء الاصطناعي التوليدي باستخدام ميزة إحصاءات Firebase في Genkit. اطّلِع على مزيد من المعلومات على مقالة مراقبة التطبيقات المتوافقة مع الويب.