إنشاء تطبيق باستخدام Gemini API
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في حين أنّه يمكنك استخدام App Prototyping agent
لإنشاء نموذج أولي جديد للتطبيق تلقائيًا باستخدام Gemini API، يمكنك أيضًا تشغيل لوحة فارغة باستخدام
Gemini Developer API بنقرة واحدة على
أحد الأزرار. يمكنك البدء في استخدام أحدث نماذج الذكاء الاصطناعي التوليدي من Google في تطبيقك من خلال نموذج يتضمّن كل Gemini API البنية الأساسية التي تحتاج إليها. كل ما عليك فعله هو إضافة
مفتاح Gemini API والبدء في البرمجة.
إنشاء تطبيق جديد مع تحميل Gemini API مسبقًا
يمكنك الوصول إلى نموذج Firebase Studio Gemini API من لوحة بيانات النماذج والاستفادة من إمكانات الذكاء الاصطناعي.
- افتح نموذج Firebase Studio الخاص بـ Gemini API من لوحة بيانات نموذج Firebase Studio.
- اختَر اللغة والإطار لبيئتك. يتوفّر
Gemini API النموذج
في Firebase Studio بلغة JavaScript (مع Vite أو
Genkit) وPython (دفتر ملاحظات أو تطبيق ويب مع Flask)، وسنطرح المزيد من اللغات والأُطر قريبًا.
- (اختياري) إذا أردت إضافة إطار عمل
LangChain
إلى تطبيقك، ضَع علامة في المربّع بجانب الخيار استخدام LangChain.
- عند تحميل مساحة العمل، افتح الملف
main.js أو main.py وعدِّل المتغيّر API_KEY باستخدام مفتاح Gemini API من Google AI Studio.
- اختبِر التطبيق الأساسي في لوحة المعاينة على الويب لمشاهدة Gemini API أثناء التنفيذ، وعدِّل تطبيق Gemini API الجديد وفقًا لذلك.
إضافة Gemini API إلى تطبيق حالي
يمكنك أيضًا إضافة Gemini API إلى تطبيقك الحالي مباشرةً من Firebase Studio.
افتح Firebase Studio.
انقر على الرمز Firebase Studio من جزء التنقّل لفتح اللوحة Firebase Studio.
وسِّع قسم عمليات الدمج مع Google وانقر على إضافة Gemini API.
اتّبِع التعليمات للمصادقة على حسابك وإضافة مفتاح Gemini API إلى تطبيقك.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["While you can use [the App Prototyping agent](/docs/studio/get-started-ai)\nto automatically create a new app prototype with the Gemini API, you can\nalso launch a blank canvas with the\n[Gemini Developer API](https://ai.google.dev/) through one click of\na button. Start using the latest generative AI models from Google in your\napp with a template that includes all the Gemini API infrastructure you\nneed. All you need to do is add your\n[Gemini API key](https://ai.google.dev/tutorials/setup) and get coding!\n\nBuild a new app with the Gemini API pre-loaded\n\nAccess the Firebase Studio Gemini API template from the\ntemplates dashboard and build with the power of AI.\n\n1. Open the [Firebase Studio template for the Gemini API](https://studio.firebase.google.com//new/gemini) from the Firebase Studio template dashboard.\n2. Select the language and framework for your environment. The Gemini API template in Firebase Studio is available in JavaScript (with Vite or Genkit) and Python (notebook or web app with Flask), with more languages and frameworks coming soon.\n3. *(Optional)* If you want to add the [LangChain](https://www.langchain.com/) framework to your app, select the **Use LangChain** option.\n4. When your workspace loads, open the `main.js` or `main.py` file and update the `API_KEY` variable with your Gemini API key from [Google AI Studio](https://aistudio.google.com/app/apikey).\n5. Test the base app in the web preview panel to watch the Gemini API in action, and modify your new Gemini API app accordingly.\n\nAdd the Gemini API to an existing app\n\nYou can also add the Gemini API to your existing app directly from\nFirebase Studio.\n\n1. Open [Firebase Studio](https://studio.firebase.google.com/).\n\n2. Click the Firebase Studio icon from the navigation pane to open the\n Firebase Studio panel.\n\n3. Expand the **Google Integrations** section and click **Add Gemini API**.\n\n4. Follow the prompts to authenticate your account and add a Gemini API key\n to your app."]]
