Membangun aplikasi di Google AI Studio

Halaman ini menjelaskan cara menggunakan Google AI Studio untuk membangun (atau "vibe code") dan men-deploy aplikasi dengan cepat yang menguji kemampuan terbaru Gemini seperti Nano Banana dan Live API. Google AI Studio mendukung pembuatan aplikasi web dengan runtime full-stack dan aplikasi Android native dengan Kotlin dan Jetpack Compose — semuanya melalui perintah bahasa alami.

Mulai

Mulai vibe coding di mode Build Google AI Studio. Anda dapat mulai membangun aplikasi dengan beberapa cara:

  • Mulai dengan perintah: Dalam mode Build, gunakan kotak input untuk memasukkan deskripsi tentang hal yang ingin Anda bangun. Pilih AI Chips untuk menambahkan fitur tertentu seperti pembuatan gambar atau data Google Maps ke perintah Anda. Anda bahkan dapat mengatakan apa yang Anda inginkan menggunakan tombol speech-to-text.
  • Tombol"I'm Feeling Lucky": Jika Anda memerlukan inspirasi kreatif, gunakan tombol "I'm Feeling Lucky", dan Gemini akan membuat perintah dengan ide project untuk membantu Anda memulai.
  • Remix project dari galeri: Buka project dari Galeri Aplikasi dan pilih Salin Aplikasi.
  • Impor project dari GitHub: Dalam mode Build, pilih Impor dari GitHub dari menu Tambahkan file (ikon +) di kotak input perintah untuk mengimpor kode yang ada.

Setelah Anda menjalankan perintahnya, kode dan file yang diperlukan akan dibuat, dengan pratinjau live aplikasi Anda yang muncul di sisi kanan.

Apa yang dibuat?

Saat Anda menjalankan perintah, AI Studio akan membuat aplikasi lengkap. Anda dapat memilih untuk membuat aplikasi web atau aplikasi Android native menggunakan pemilih platform.

Untuk aplikasi web (default), AI Studio membuat lingkungan full-stack yang mencakup:

  • Sisi klien: Frontend web (React adalah default).
  • Sisi server: Runtime Node.js yang memungkinkan panggilan API yang aman, koneksi database, dan penggunaan paket npm.

Untuk aplikasi Android, AI Studio membuat project Kotlin dan Jetpack Compose yang dapat Anda lihat pratinjaunya di emulator berbasis browser, diinstal di perangkat fisik, dan dipublikasikan ke Google Play Store untuk pengujian. Pelajari lebih lanjut cara membangun aplikasi Android apps.

Anda dapat melihat kode yang dibuat dengan memilih tab Kode di panel pratinjau sebelah kanan. Agen Antigravity mengelola beberapa file secara cerdas di seluruh stack Anda, sehingga memastikan perubahan disebarkan dengan benar.

Agen Antigravity

Agen Antigravity adalah fungsi AI utama dalam Google Antigravity dan kini komponen inti dari harness agen mendukung pengalaman mode Build di Google AI Studio. Agen ini lebih dari sekadar pembuatan kode sederhana dengan mempertahankan konteks seluruh project Anda, mengelola beberapa file, dan memahami petunjuk yang kompleks untuk membangun aplikasi full-stack yang tangguh.

Kemampuan utama mencakup:

  • Pemahaman konteks: Mempertahankan konteks perintah dan status file sebelumnya.
  • Pengelolaan multi-file: Menangani dependensi di beberapa file.
  • Eksekusi terverifikasi: Memverifikasi update kode untuk mengurangi halusinasi.

Kemampuan full-stack

Google AI Studio memanfaatkan ekosistem web modern, sehingga Anda dapat membangun lebih dari sekadar prototipe sisi klien.

  • Runtime sisi server &npm: Gunakan library paket npm yang luas. Agen akan otomatis mengidentifikasi dan menginstal paket sesuai kebutuhan aplikasi Anda (misalnya, library tertentu untuk visualisasi data atau klien API). Anda juga dapat meminta paket tertentu jika diinginkan.
  • Pengelolaan rahasia: Simpan kunci API dan rahasia dengan aman di menu Setelan. Kunci dan rahasia ini dapat diakses dalam kode sisi server Anda, sehingga aman dari eksposur sisi klien.
  • Multiplayer: Buat pengalaman kolaboratif real-time langsung di AI Studio. Runtime sisi server mengelola status dan koneksi yang diperlukan agar pengguna dapat berinteraksi bersama.
  • Firebase Firestore dan Authentication: Otomatis menyediakan dan menyiapkan Firebase, termasuk database Firestore (penyimpanan data persisten) dan Firebase Authentication (alur login, khususnya "Login dengan Google"). Agen menangani seluruh proses penyiapan dan bahkan menulis kode di aplikasi Anda untuk layanan ini.
  • Integrasi Google Workspace: Hubungkan aplikasi Anda ke Google Workspace API seperti Gmail, Spreadsheet, Dokumen, Drive, Kalender, dan lainnya. AI Studio menangani semua konfigurasi OAuth secara otomatis.

Pelajari lebih lanjut cara mengembangkan aplikasi full-stack

Aplikasi Android

Anda juga dapat membangun aplikasi Android native menggunakan Kotlin dan Jetpack Compose. Lihat pratinjau aplikasi Anda di Android Emulator berbasis browser, instal di perangkat fisik menggunakan adb di browser, dan publikasikan ke Google Play Store untuk pengujian internal.

Pelajari lebih lanjut cara membangun aplikasi Android

Lanjutkan pengembangan

Setelah Google AI Studio membuat kode awal untuk aplikasi Anda, Anda dapat terus menyempurnakannya:

Membangun solusi di Google AI Studio

  • Lakukan iterasi dengan Gemini: Gunakan panel chat di mode Build untuk meminta Gemini melakukan modifikasi, menambahkan fitur baru, atau mengubah gaya.
  • Edit kode secara langsung: Buka tab Kode di panel pratinjau untuk melakukan pengeditan live.

Mengembangkan secara eksternal

Untuk alur kerja yang lebih canggih, Anda dapat menyinkronkan atau mengekspor kode untuk bekerja di lingkungan pilihan Anda:

  • Sinkronkan dengan GitHub: Hubungkan aplikasi Anda ke repositori GitHub untuk mengaktifkan sinkronisasi dua arah. Anda dapat mengirim perubahan yang diminta di AI Studio langsung ke repositori Anda dengan pesan commit yang dibuat AI, atau menarik perubahan yang dibuat secara lokal di IDE Anda atau oleh rekan tim kembali ke AI Studio. Kelola status sinkronisasi Anda kapan saja di tab GitHub di Setelan.
  • Unduh dan kembangkan secara lokal: Ekspor kode yang dibuat sebagai file ZIP dan impor ke editor kode Anda.

Fitur utama

Google AI Studio menyertakan beberapa fitur untuk membuat proses pembuatan aplikasi menjadi intuitif dan visual:

  • Buat dan lakukan iterasi pada aplikasi full stack: Buat aplikasi full stack hanya dengan perintah dan lakukan iterasi melalui chat atau mode anotasi. Mode anotasi memungkinkan Anda menandai bagian mana pun dari UI aplikasi dan mendeskripsikan perubahan yang Anda inginkan.
  • Bagikan dan deploy aplikasi Anda: Anda dapat membagikan kreasi Anda kepada orang lain untuk berkolaborasi atau memamerkan karya Anda. Saat berbagi, panggilan API akan dihitung dalam batas penggunaan Anda. Jika Anda menggunakan model berbayar, biaya mungkin berlaku. Kemudian, saat aplikasi Anda siap, deploy ke Cloud Run.
  • Galeri aplikasi: Galeri Aplikasi menyediakan library visual ide project. Anda dapat menjelajahi kemungkinan yang dapat dilakukan dengan Gemini, melihat pratinjau aplikasi secara instan, dan melakukan remix untuk menjadikannya milik Anda.

Men-deploy atau mengarsipkan aplikasi Anda

Setelah aplikasi Anda siap, Anda dapat men-deploy-nya:

  • Cloud Run: Deploy aplikasi Anda sebagai layanan yang skalabel. Harga untuk Google Cloud Run mungkin berlaku berdasarkan penggunaan. Untuk mempelajari deployment lebih lanjut, lihat Men-deploy dari Google AI Studio.

  • GitHub: Sinkronkan project Anda dengan repositori GitHub baru atau yang sudah ada untuk mengelola kode sumber atau berkolaborasi dengan rekan tim.

Batasan

Bagian ini mencantumkan batasan mode build saat ini di Google AI Studio.

Pengelolaan Kunci API

Saat Anda membuat aplikasi baru yang menggunakan Gemini API, AI Studio akan otomatis mengonfigurasi kunci Gemini API Anda sebagai rahasia di lingkungan sisi server aplikasi. Anda dapat melihat dan mengelola kunci ini di panel Rahasia.

  • Penyiapan otomatis: GEMINI_API_KEY Anda disiapkan untuk Anda — tidak diperlukan konfigurasi manual untuk mulai membangun.
  • Sisi server saja: Kunci API disuntikkan ke runtime sisi server dan tidak pernah disertakan dalam kode sisi klien.
  • Aplikasi yang ada: Untuk aplikasi yang dibuat sebelum 14 Mei 2026, agen akan otomatis mengupgrade integrasi Gemini API Anda ke pendekatan sisi server yang direkomendasikan saat Anda mengubah fitur Gemini aplikasi pada lain waktu.

Deployment di luar Google AI Studio

  • Cloud Run: Saat Anda men-deploy ke Cloud Run dari AI Studio, kunci API Anda akan disertakan dengan aman di lingkungan sisi server. Aplikasi yang di-deploy akan menggunakan kunci API Anda untuk semua panggilan Gemini API pengguna.
  • Download ZIP: Jika Anda mendownload aplikasi sebagai file ZIP untuk menjalankannya di tempat lain, Anda harus menyiapkan variabel lingkungan GEMINI_API_KEY di lingkungan hosting Anda. Karena panggilan Gemini API aplikasi Anda dibuat dari kode sisi server, kunci tidak diekspos ke pengguna akhir.

Error saat berbagi aplikasi

Jika Anda membagikan aplikasi dan pengguna akhir Anda mengalami error 403 Access Restricted saat menggunakan URL yang dibagikan, hal ini mungkin disebabkan oleh salah satu hal berikut:

  • Ekstensi browser: Ekstensi privasi seperti Privacy Badger mungkin memblokir aplikasi. Nonaktifkan ekstensi untuk menghindari error.
  • Masalah build: Mungkin ada masalah dengan kode saat ini. Minta agen untuk "memperbaiki masalah build dengan kode saat ini", lalu bagikan kembali URL.

FAQ

Apa yang dimaksud dengan Build di AI Studio?

AI Studio Build adalah platform yang dirancang untuk membantu Anda beralih dari perintah sederhana ke aplikasi yang siap produksi dan didukung AI menggunakan Gemini. Deskripsikan hal yang ingin Anda bangun dengan perintah, dan Gemini akan membuat aplikasi untuk Anda. Anda juga dapat menjelajahi galeri kami untuk melihat kemungkinan yang dapat dilakukan dengan Gemini API, dan melakukan remix aplikasi untuk menjadikannya milik Anda.

Bagaimana Build menangani kunci Gemini API saya?

Saat Anda membuat aplikasi yang menggunakan Gemini API, AI Studio akan otomatis menyiapkan kunci Gemini API Anda sebagai rahasia sisi server. Panggilan Gemini API aplikasi Anda dibuat dari kode sisi server menggunakan kunci ini, sehingga tidak pernah diekspos di browser. Anda dapat melihat kunci API di panel Rahasia di Setelan.

Apakah kunci API saya diekspos saat berbagi aplikasi?

Tidak. Kunci API Anda disimpan sebagai rahasia sisi server dan tidak pernah disertakan dalam kode sisi klien. Saat Anda membagikan aplikasi, pengguna lain dapat menggunakannya, tetapi mereka tidak dapat melihat kunci API Anda.

Saat Anda membagikan aplikasi kepada orang lain, panggilan API akan dihitung dalam batas penggunaan Anda. Jika Anda menggunakan model berbayar, biaya mungkin berlaku. AI Studio akan memberi tahu Anda selama penyiapan dan sebelum Anda berbagi jika aplikasi Anda dapat dikenai biaya.

Siapa yang dapat melihat aplikasi saya?

Secara default, aplikasi Anda bersifat pribadi. Anda dapat membagikan aplikasi Anda kepada pengguna lain agar mereka dapat menggunakannya. Pengguna yang Anda ajak berbagi aplikasi dapat melihat kodenya dan membuat fork untuk tujuan mereka sendiri. Jika Anda membagikan aplikasi Anda dengan izin edit, pengguna lain dapat mengedit kode aplikasi Anda.

Dapatkah saya menjalankan aplikasi di luar AI Studio?

Ya. Anda dapat men-deploy aplikasi Anda ke Cloud Run dari AI Studio, yang akan memberi aplikasi Anda URL publik dengan kunci API Anda yang dikonfigurasi dengan aman di lingkungan sisi server. Anda juga dapat mendownload aplikasi Anda sebagai file ZIP dan menghostingnya di tempat lain — Anda harus menetapkan variabel lingkungan GEMINI_API_KEY di lingkungan hosting Anda. Karena panggilan Gemini API dibuat dari kode sisi server, kunci Anda akan tetap aman.

Untuk mempelajari opsi deployment lebih lanjut, lihat Men-deploy dari Google AI Studio.

Dapatkah saya mengembangkan aplikasi secara lokal dengan alat saya sendiri, lalu membagikannya di sini?

Ya. Anda dapat menghubungkan aplikasi AI Studio Anda ke repositori GitHub untuk mengembangkan aplikasi secara lokal menggunakan editor kode atau alat CLI pilihan Anda, mengirim perubahan ke GitHub, lalu menarik update tersebut langsung kembali ke AI Studio menggunakan tab GitHub di Setelan.

Bagaimana cara menggunakan database atau penyimpanan lain dengan aplikasi saya?

Aplikasi AI Studio adalah aplikasi standar yang berjalan dalam container Cloud Run. Anda dapat menggunakan solusi penyimpanan apa pun yang dapat Anda hubungkan melalui jaringan, asalkan tidak ada firewall yang mencegah akses dari rentang IP dinamis.

Kami sedang berupaya menambahkan dukungan langsung untuk penyimpanan di masa mendatang, yang dapat Anda konfigurasi langsung di AI Studio.

Untuk memastikan bahwa penonton mengetahui penggunaan webcam atau perangkat lain oleh aplikasi, kami memerlukan konfirmasi tambahan sebelum aplikasi dapat mengakses Navigator API ini. Pembuat aplikasi dapat menambahkan permintaan izin ini ke file metadata.json aplikasi mereka. Contoh:

{
  "name": "My app",
  "requestFramePermissions": [
    "microphone",
    "camera",
    "display-capture",
    "geolocation",
    "bluetooth",
    "clipboard-read",
    "serial",
    "usb"
  ]
}

Nilai yang didukung untuk requestFramePermissions adalah subkumpulan fitur standar yang dikontrol kebijakan.

Bagaimana cara menggunakan GitHub dengan aplikasi saya?

AI Studio mendukung sinkronisasi dua arah dengan GitHub:

  • Impor repositori: Dalam mode Build, pilih Impor dari GitHub dari menu Tambahkan file (ikon +) di kotak input perintah untuk mengimpor kode yang ada.
  • Tautkan repositori: Di Setelan, buka tab GitHub untuk membuat repositori GitHub baru dari aplikasi Anda atau menautkan ke repositori yang sudah ada.
  • Sinkronisasi dua arah: Kirim perubahan yang diminta di AI Studio langsung ke repositori Anda dengan pesan commit yang dibuat AI, atau tarik perubahan yang dibuat secara eksternal (seperti pengeditan IDE lokal atau permintaan pull rekan tim) kembali ke AI Studio.
  • Selesaikan konflik gabungan: Jika perubahan mengalami konflik saat menyinkronkan dengan GitHub, AI Studio akan menyediakan dialog Selesaikan konflik dengan penampil perbedaan berdampingan, sehingga Anda dapat meninjau perbedaan dan memilih apakah akan menyimpan versi AI Studio atau GitHub untuk setiap file yang mengalami konflik.

Dapatkah saya memberikan akses edit kepada pengguna lain untuk aplikasi saya?

AI Studio tidak mendukung pengeditan kolaboratif real-time langsung. Namun, Anda dapat berkolaborasi dengan rekan tim dengan menautkan aplikasi Anda ke repositori GitHub bersama. Rekan tim dapat mengirim perubahan atau membuka permintaan pull di GitHub, dan Anda dapat menarik update tersebut ke AI Studio.

Mengapa aplikasi saya ditandai karena pelanggaran kebijakan?

Kami memiliki sistem yang otomatis meninjau aplikasi untuk memastikan aplikasi tersebut mematuhi kebijakan kami. Jika kami menemukan bahwa aplikasi melanggar kebijakan kami, aplikasi tersebut akan dihapus dari AI Studio. Pelanggaran kebijakan dapat mencakup, tetapi tidak terbatas pada, hal berikut:

  • Aplikasi yang berisi malware, phishing, atau peniruan identitas
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan gambar pelecehan seksual terhadap anak-anak
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan pelecehan
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan ujaran kebencian
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan perdagangan manusia
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan konten seksual vulgar
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan konten kekerasan dan menyeramkan
  • Aplikasi yang menampilkan atau mendistribusikan konten yang melanggar kebijakan berbahaya atau membahayakan

Jika aplikasi Anda telah ditandai karena pelanggaran kebijakan, dan Anda yakin bahwa hal tersebut adalah kesalahan, Anda dapat mengajukan banding. Pelanggaran berulang terhadap kebijakan kami dapat mengakibatkan penghentian akses Anda ke AI Studio.

Apa tanggung jawab saya sebagai developer aplikasi?

Sebagai pengingat, sebagai pemilik aplikasi Anda, Anda bertanggung jawab atas perilaku aplikasi dan semua data yang ditanganinya. Hal ini mencakup:

  • Kepatuhan Hukum dan Hak Pihak Ketiga: Memastikan aplikasi Anda mematuhi semua hukum dan peraturan yang berlaku serta tidak melanggar hak orang lain, termasuk hak atas kekayaan intelektual dan hak privasi.
  • Pemantauan Konten: Kepatuhan terhadap persyaratan tambahan mungkin berlaku untuk layanan lain yang digunakan oleh aplikasi Anda. Misalnya, Persyaratan Layanan Google Cloud, yang berlaku untuk Firestore, mewajibkan pelanggan yang menghosting konten pihak ketiga untuk memublikasikan kebijakan yang menentukan konten yang dilarang (misalnya, konten ilegal) dan memantau keberadaan konten ilegal tersebut.
  • Implementasi yang Aman: Menerapkan perlindungan dan alat moderasi yang diperlukan untuk mencegah penyalahgunaan aplikasi Anda.

Perhatikan batasan penggunaan dalam Persyaratan Layanan.

The Persyaratan Layanan Tambahan Gemini API berlaku untuk penggunaan aplikasi yang ditampilkan di galeri aplikasi di AI Studio, kecuali jika dinyatakan lain.

Langkah berikutnya