Cara Deploy Web App Keuangan Tanpa Coding Rumit

Daftar Isi

PoinTru.com - Siapa bilang memiliki aplikasi web keuangan pribadi itu harus bayar developer jutaan rupiah? Dengan cara deploy web app keuangan menggunakan Google Apps Script, Anda bisa punya aplikasi web keuangan sendiri dalam waktu kurang dari satu jam-dan gratis.

Saya tahu, kedengarannya terlalu bagus untuk jadi kenyataan. Saya pun skeptis di awal. Tapi setelah mencoba sendiri, ternyata prosesnya jauh lebih mudah dari yang dibayangkan. Dan hasilnya? Sebuah web app keuangan fungsional dengan database, sistem login, dan antarmuka yang proper.

Apa Itu Web App Berbasis Google Apps Script?

Google Apps Script memungkinkan Anda membuat "web app" yang di-host langsung di infrastruktur Google tanpa perlu server sendiri. Web app ini punya URL unik dan bisa diakses dari browser manapun-desktop atau mobile.

Untuk aplikasi keuangan, ini artinya Anda bisa punya:

• Halaman login yang aman untuk akses aplikasi
• Form input transaksi atau upload dokumen
• Dashboard yang menampilkan data dari Google Sheets
• Sistem arsip dengan pencarian dan filter
• Notifikasi dan laporan otomatis

Menariknya, saat pertama kali Anda mengirim request ke web app ini, sistem dapat dikonfigurasi untuk secara otomatis membuat semua infrastruktur yang dibutuhkan-Google Sheet database dan folder Drive-tanpa perlu setup manual. Wah ini benar-benar beda level dari aplikasi biasa!

Komponen	Teknologi	Biaya
Backend / Logic	Google Apps Script (.gs)	Gratis
Database	Google Sheets	Gratis
File Storage	Google Drive	Gratis (15GB)
Hosting	Google Infrastructure	Gratis
Image Optimization	ImageKit	Gratis (hingga kuota)

Panduan Deploy Web App Keuangan Step-by-Step

Nah sekarang Saya walk through prosesnya. Ikuti langkah ini dengan teliti dan web app keuangan Anda akan live dalam waktu singkat:

Langkah 1: Siapkan Backend

• Buka script.google.com menggunakan akun Google Anda
• Klik tombol "New Project" untuk membuat project baru
• Hapus kode bawaan yang ada (biasanya function myFunction kosong)
• Paste seluruh kode dari file backend (.gs) yang sudah Anda siapkan
• Simpan project dengan nama yang mudah diingat, misal "Sistem Keuangan Saya"

Langkah 2: Deploy sebagai Web App

• Klik menu "Deploy" di bagian atas, lalu pilih "New Deployment"
• Di dialog yang muncul, klik ikon roda gigi dan pilih "Web App"
• Atur "Execute as: Me (email@gmail.com)"
• Atur "Who has access: Anyone" agar web app bisa diakses tanpa login Google
• Klik "Deploy" dan tunggu proses authorization
• Saat diminta, klik "Authorize access" dan ikuti alur otorisasi Google
• Salin Web App URL yang ditampilkan setelah deploy berhasil

Penting: Simpan Web App URL di tempat aman. URL ini adalah akses masuk ke sistem keuangan Anda. Perlakukan seperti password-jangan share sembarangan.

Langkah 3: Konfigurasi Frontend

• Buka file HTML frontend (index.html) di text editor
• Cari variabel atau field untuk Web App URL
• Masukkan URL yang sudah Anda salin tadi
• Simpan file dan buka di browser
• Login dengan kredensial default, lalusegera ganti password defaultnya

Segera ganti password default setelah pertama login! Biarkan kredensial default aktif adalah risiko keamanan yang tidak perlu Anda ambil.

Troubleshooting Masalah Umum saat Deploy

Dari pengalaman Saya membantu beberapa orang melakukan ini, ada beberapa masalah yang paling sering muncul:

• Error "Authorization required": Pastikan Anda mengikuti semua langkah otorisasi saat pertama deploy. Google perlu izin untuk mengakses Drive dan Sheets atas nama Anda.
• Web app tidak bisa diakses: Periksa kembali pengaturan "Who has access". Jika diset ke "Only me", URL tidak akan bisa diakses dari browser biasa.
• Data tidak tersimpan ke Sheets: Kemungkinan ada kesalahan di kode backend. Periksa Apps Script execution log untuk melihat error detail.
• Gambar tidak tampil: Jika menggunakan ImageKit, pastikan API key sudah dikonfigurasi dengan benar di menu Sistem aplikasi.

Oh iya, satu hal yang bikin Saya salah langkah di awal: setiap kali Anda mengubah kode backend, Anda harus deploy ulang (New Deployment atau Update Existing) agar perubahan aktif. Perubahan kode tidak otomatis ter-apply ke web app yang sudah live.

Apakah web app ini bisa diakses oleh banyak pengguna sekaligus?

Ya, bisa. Web app berbasis Google Apps Script bisa diakses oleh banyak pengguna secara bersamaan. Namun perlu diperhatikan bahwa Apps Script memiliki concurrent execution limit. Untuk penggunaan pribadi atau keluarga kecil, hal ini tidak akan menjadi masalah sama sekali.

Apakah URL web app bisa berubah?

URL web app akan berubah setiap kali Anda membuat "New Deployment" baru. Jika Anda ingin URL yang stabil, gunakan opsi "Update existing deployment" saat melakukan perubahan kode. URL dari deployment yang sudah ada tidak akan berubah selama tidak dihapus.

Bisakah web app ini dihubungkan ke domain sendiri?

Secara native, tidak bisa. Web App URL Google Apps Script menggunakan subdomain script.google.com. Namun Anda bisa menyiasatinya dengan redirect dari domain Anda ke URL Apps Script, atau menggunakan iframe di halaman website yang Anda punya. Untuk kebutuhan keuangan pribadi, URL Apps Script biasanya sudah lebih dari cukup.

Akhir Kata

Jadi, intinya deploy web app keuangan dengan Google Apps Script bukan hal yang menakutkan-prosesnya cukup straightforward dan hasilnya adalah aplikasi web keuangan fungsional yang sepenuhnya gratis. Dari pengalaman Saya, bagian yang paling kritis adalah proses otorisasi di awal dan mengamankan password default. Setelah itu, semuanya berjalan mulus. Kalau ada pertanyaan, feel free buat komen di bawah ya!

Untuk membaca artikel lainnya, cek aja diSitemap.