1. Ringkasan
Di mana pembuatan dengan AI dimulai saat ini? Bagi sebagian besar dari kita, pembuatan dengan AI sering kali dimulai dengan pertanyaan sederhana, "Dapatkah saya membuat prototipe solusi dengan cepat untuk masalah yang telah saya pikirkan?". Di sinilah Google AI Studio berperan. Di sini Anda dapat membuat prototipe apa pun dengan cepat. Dalam codelab ini, kita akan membuat aplikasi web sederhana menggunakan vibe coding, dan men-deploy-nya ke Cloud Run.
Yang akan Anda buat
Siap untuk membuat kode aplikasi web dengan vibe coding dan membuatnya tersedia untuk dimainkan orang lain??? Kita akan membuat aplikasi web dan men-deploy-nya ke Cloud Run, semuanya hanya menggunakan AI Studio. Sebagai bagian dari lab ini, Anda akan:
- Membuat aplikasi web sederhana menggunakan vibe coding
- Menguji apakah aplikasi berfungsi seperti yang diharapkan
- Men-deploy aplikasi di Cloud Run
Persyaratan
2. Sebelum memulai
- Di Konsol Google Cloud, di halaman pemilih project, pilih atau buat project Google Cloud.
- Pastikan penagihan diaktifkan untuk project Cloud Anda. Pelajari cara memeriksa apakah penagihan diaktifkan di project .
- Jika memiliki link untuk menukarkan kredit, Anda dapat mengikuti petunjuk di sini untuk menukarkannya.
3. Prototipe
Buka Google AI Studio. Mulai ketik perintah yang menjelaskan aplikasi yang ingin Anda buat. Berikut perintah saya:
Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons". If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds. If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.
Pilih model yang Anda inginkan. Di sini kita menggunakan Gemini 3 Pro Preview. Klik tombol Build.
Berdasarkan deskripsi sederhana ini, AI Studio akan membuat aplikasi web yang persis sama dengan deskripsi yang Anda berikan. Aplikasi akan dibuat dalam waktu 2-3 menit.
Jika Anda menemukan masalah dengan aplikasi, jangan ragu untuk memberikan perintah tambahan yang memperbaiki perilaku aplikasi. Misalnya, tingkatkan ukuran kepingan salju menjadi dua kali ukuran saat ini.
Lihat snapshot aplikasi yang dibuat di bawah:
4. Men-deploy ke Cloud Run
Setelah aplikasi siap, mari kita deploy ke Cloud Run.
- Klik tombol berbentuk roket di pojok kanan atas halaman AI Studio. Tombol tersebut menampilkan "Deploy app" saat kursor diarahkan ke tombol tersebut.
- Tindakan ini akan membuka pop-up **Deploy app on Google Cloud".
- Klik dropdown Select a Cloud Project.
- Pilih project dari dropdown. Jika Anda tidak dapat menemukan project di dropdown, klik Import project, lalu pilih project dari panel Import project.
- Setelah Anda memilih project, project akan diverifikasi untuk mengaktifkan penagihan. Verifikasi ini akan berhasil karena kita telah melampirkan akun penagihan ke project pada langkah awal.
- Klik tombol Deploy app, lalu tunggu hingga aplikasi di-deploy di Cloud Run.
Perhatikan bahwa nama layanan Cloud Run akan dibuat secara otomatis.
- Deployment akan selesai dalam beberapa menit, dan Anda akan mendapatkan App URL. Dengan mengklik URL, Anda dapat melihat aplikasi web yang di-deploy.
5. Pembersihan
Agar akun Google Cloud Anda tidak dikenakan biaya untuk resource yang digunakan dalam posting ini, ikuti langkah-langkah berikut:
- Di konsol Google Cloud, buka halaman Kelola resource.
- Dalam daftar project, pilih project yang ingin Anda hapus, lalu klik Delete.
- Pada dialog, ketik project ID, lalu klik Shut down untuk menghapus project.
6. Selamat
Selamat! Anda telah berhasil menyelesaikan pembuatan kode aplikasi dengan vibe coding di AI Studio, dan men-deploy-nya ke Cloud Run.
AI Studio adalah platform ideal dan pilihan untuk mengembangkan dan menguji aplikasi, yang memungkinkan pengguna langsung memvisualisasikan desain mereka dalam tindakan.
Integrasi AI Studio yang lancar dengan Cloud Run memungkinkan pengguna men-deploy aplikasi mereka dengan mudah langsung ke Google Cloud. Penggunaan Cloud Run memberikan semua manfaat inheren dari lingkungan serverless, yang menyederhanakan kompleksitas dan overhead pengelolaan infrastruktur.