สร้างแอปด้วย Gemini API
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
แม้ว่าคุณจะใช้App Prototyping agent
เพื่อสร้างต้นแบบแอปใหม่โดยอัตโนมัติด้วย Gemini API ได้ แต่คุณก็ยังเปิดตัวพื้นที่ว่างด้วย Gemini Developer API ได้ด้วยการคลิกปุ่มเพียงครั้งเดียว เริ่มใช้โมเดล Generative AI ล่าสุดจาก Google ในแอปของคุณด้วยเทมเพลตที่มีGemini API โครงสร้างพื้นฐานทั้งหมดที่คุณต้องการ คุณเพียงแค่ต้องเพิ่มคีย์ Gemini API แล้วเริ่มเขียนโค้ดได้เลย
สร้างแอปใหม่โดยมี Gemini API โหลดไว้ล่วงหน้า
เข้าถึงเทมเพลต Firebase Studio Gemini API จากแดชบอร์ดเทมเพลตและสร้างด้วยพลังของ AI
- เปิดเทมเพลต Firebase Studio สำหรับ Gemini API จาก
แดชบอร์ดเทมเพลต Firebase Studio
- เลือกภาษาและเฟรมเวิร์กสำหรับสภาพแวดล้อม Gemini APIเทมเพลต
ใน Firebase Studio พร้อมใช้งานใน JavaScript (ด้วย Vite หรือ
Genkit) และ Python (Notebook หรือเว็บแอปที่มี 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คีย์
ลงในแอป
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-25 UTC
[null,null,["อัปเดตล่าสุด 2025-07-25 UTC"],[],[],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."]]
