Membangun aplikasi dengan Gemini API
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Meskipun Anda dapat menggunakan App Prototyping agent untuk membuat prototipe aplikasi baru secara otomatis dengan Gemini API, Anda juga dapat meluncurkan kanvas kosong dengan Gemini Developer API melalui satu klik tombol. Mulai gunakan model AI generatif terbaru dari Google di aplikasi Anda dengan template yang menyertakan semua infrastruktur Gemini API yang Anda perlukan. Yang perlu Anda lakukan adalah menambahkan kunci Gemini API dan melakukan coding.
Membangun aplikasi baru dengan Gemini API yang dimuat sebelumnya
Akses template Gemini API Firebase Studio dari dasbor template dan bangun aplikasi dengan kecanggihan AI.
- Buka template Firebase Studio untuk Gemini API dari dasbor template Firebase Studio.
- Pilih bahasa dan framework untuk lingkungan Anda. Template Gemini API di Firebase Studio tersedia dalam JavaScript (dengan Vite atau Genkit) dan Python (notebook atau aplikasi web dengan Flask), dengan lebih banyak bahasa dan framework yang akan segera hadir.
- (Opsional) Jika Anda ingin menambahkan framework LangChain ke aplikasi, pilih opsi Use LangChain.
- Saat ruang kerja dimuat, buka file
main.js atau main.py dan update variabel API_KEY dengan kunci Gemini API dari Google AI Studio.
- Uji aplikasi dasar di panel pratinjau web untuk melihat cara kerja Gemini API, dan ubah aplikasi Gemini API baru Anda sesuai kebutuhan.
Menambahkan Gemini API ke aplikasi yang sudah ada
Anda juga dapat menambahkan Gemini API ke aplikasi yang ada langsung dari Firebase Studio.
Buka Firebase Studio.
Klik ikon Firebase Studio dari panel navigasi untuk membuka panel Firebase Studio.
Luaskan bagian Google Integrations dan klik Add Gemini API.
Ikuti petunjuk untuk mengautentikasi akun Anda dan menambahkan kunci Gemini API ke aplikasi Anda.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-13 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-13 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."]]
