Lewati ke konten
Vibe Coding 101

Deploy Web App Google Apps Script

Setelah seluruh file (Schema.gs, Code.gs, dan Index.html) siap di editor Google Apps Script, langkah terakhir adalah Mempublikasikan (Deploy) sebagai Web App.

Aplikasi ini akan langsung menghasilkan link URL publik yang bisa diakses dari browser mana saja tanpa memerlukan server atau hosting pihak ketiga.

1. Langkah Deployment Web App

Section titled “1. Langkah Deployment Web App”
  1. Di editor Google Apps Script, klik tombol biru Deploy (Terapkan) di pojok kanan atas > Pilih New deployment (Penerapan baru).
  2. Klik ikon gerigi di samping Select type > Pilih Web app.
  3. Atur konfigurasi berikut:
    • Description: v1.0 Aplikasi Absensi
    • Execute as: Me (email-kamu@gmail.com) (Aplikasi berjalan dengan izin akunmu).
    • Who has access: Anyone (Siapa saja) (Bisa diakses siapa saja tanpa harus login ke project script).
  4. Klik Deploy.
  5. Jika muncul jendela otorisasi (Authorization required):
    • Klik Authorize access.
    • Pilih akun Google milikmu.
    • Klik Advanced > Klik Go to PresensiApp (unsafe).
    • Klik Allow.
  6. Salin Web App URL yang diberikan (format: https://script.google.com/macros/s/.../exec).

2. Menguji Aplikasi Live

Section titled “2. Menguji Aplikasi Live”
  1. Buka Web App URL di tab baru browser.
  2. Kamu akan langsung melihat antarmuka presensi bertema Deep Charcoal.
  3. Coba isi nama, pilih status (Hadir / Izin / Sakit), dan klik Kirim Presensi.
  4. Halaman akan otomatis memuat ulang dan menampilkan data presensimu di tabel riwayat secara real-time.
  5. Coba klik tombol ikon hapus pada salah satu baris untuk menguji fungsi Delete.

3. Cara Memperbarui Kode (Update Deployment)

Section titled “3. Cara Memperbarui Kode (Update Deployment)”

Checkpoint

Section titled “Checkpoint”
  • Web App berhasil di-deploy dengan akses Anyone.
  • Berhasil melakukan Create, Read, dan Delete langsung di Web App live.
  • Proyek Aplikasi Absensi Sederhana Vibe Coding selesai 100%!