1. Ringkasan
Di mana titik awal membangun dengan AI saat ini? Bagi sebagian besar dari kita, hal ini 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. Ini adalah tempat di mana Anda dapat membuat prototipe apa pun dengan cepat. Dalam codelab ini, kita akan menyusun aplikasi web sederhana menggunakan coding vibe, dan men-deploy-nya ke Cloud Run.
Yang akan Anda build
Siap membuat kode aplikasi web dengan kode buatan AI dan menyediakannya agar dapat digunakan 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:
- Membangun aplikasi web sederhana menggunakan vibe coding
- Uji 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 telah diaktifkan pada suatu project .
- Jika Anda 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 Pratinjau Gemini 3 Pro. Klik tombol Build.
Berdasarkan deskripsi sederhana ini, AI Studio akan membuat aplikasi web yang persis sama dengan deskripsi yang telah Anda berikan. Pembuatan aplikasi akan memakan waktu 2-3 menit.
Jika Anda menemukan masalah pada aplikasi, jangan ragu untuk memberikan perintah tambahan yang memperbaiki perilaku aplikasi. Misalnya, perbesar ukuran kepingan salju menjadi dua kali ukuran saat ini.
Lihat snapshot aplikasi yang dihasilkan di bawah:
4. Men-deploy ke Cloud Run
Setelah aplikasi siap, mari kita deploy ke Cloud Run.
- Klik tombol seperti roket di sudut kanan atas halaman AI Studio. Tombol 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 menu dropdown. Jika Anda tidak dapat menemukan project di menu dropdown, klik Import project, lalu pilih project dari panel Import project.
- Setelah Anda memilih project, project tersebut akan diverifikasi untuk memastikan penagihan diaktifkan. Verifikasi ini akan berhasil karena kita telah melampirkan akun penagihan ke project pada langkah-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 URL Aplikasi. Dengan mengklik URL, Anda dapat melihat aplikasi web yang di-deploy.
5. Pembersihan
Agar tidak menimbulkan biaya pada akun Google Cloud Anda untuk resource yang digunakan dalam posting ini, ikuti langkah-langkah berikut:
- Di konsol Google Cloud, buka halaman Manage resources.
- 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 melakukan vibe coding pada aplikasi di AI Studio, dan men-deploy-nya ke Cloud Run.
AI Studio adalah platform pilihan yang ideal untuk mengembangkan dan menguji aplikasi, sehingga pengguna dapat langsung memvisualisasikan desain mereka saat digunakan.
Integrasi AI Studio yang lancar dengan Cloud Run memungkinkan pengguna men-deploy aplikasi mereka dengan mudah langsung ke Google Cloud. Dengan memanfaatkan Cloud Run, Anda akan mendapatkan semua manfaat inheren dari lingkungan serverless, yang mengabstraksi kompleksitas dan overhead pengelolaan infrastruktur.