back

Membuat Sistem Autentikasi Sederhana dengan Google Apps Script dan Google Spreadsheet

12 April 2025 || 14:55:48 WIB || ClassyID

---

Dalam era digital saat ini, hampir semua aplikasi web membutuhkan sistem autentikasi untuk mengidentifikasi dan mengautentikasi pengguna. Meskipun ada banyak layanan autentikasi yang tersedia, terkadang kita membutuhkan solusi sederhana yang dapat diimplementasikan dengan cepat tanpa infrastruktur yang kompleks.

Dalam artikel ini, kita akan membahas cara membuat sistem autentikasi sederhana menggunakan Google Apps Script (GAS) dan Google Spreadsheet sebagai database. Solusi ini cocok untuk proyek kecil, prototipe, atau aplikasi internal dengan kebutuhan autentikasi dasar.

Apa itu Google Apps Script?

Google Apps Script adalah platform pengembangan berbasis JavaScript yang memungkinkan kita membuat aplikasi web kecil yang terintegrasi dengan produk Google seperti Google Sheets, Docs, Drive, dan lainnya. Dengan GAS, kita dapat:

• Membuat aplikasi web tanpa server khusus
• Mengakses data Google Spreadsheet sebagai database
• Men-deploy aplikasi sebagai web app dengan URL publik
• Memanfaatkan layanan Google untuk penyimpanan data dan otentikasi

Keuntungan Menggunakan Google Apps Script untuk Autentikasi

• Tanpa Server: Tidak perlu mengonfigurasi atau mengelola server
• Gratis: Dapat digunakan secara gratis (dengan batasan kuota)
• Terintegrasi: Mudah terintegrasi dengan layanan Google lainnya
• Cepat: Waktu pengembangan yang singkat untuk fungsionalitas dasar

Komponen Sistem Autentikasi Kita

Sistem yang akan kita buat terdiri dari beberapa komponen utama:

1. Form Login dan Registrasi: Antarmuka pengguna berbasis HTML/CSS/JavaScript
2. Backend Logic: Kode Google Apps Script untuk menangani autentikasi
3. Database: Google Spreadsheet untuk menyimpan informasi pengguna
4. Session Management: Pengelolaan sesi menggunakan Properties Service

Langkah 1: Menyiapkan Struktur Proyek

Mari kita mulai dengan membuat struktur proyek Google Apps Script. Kita akan memerlukan dua file utama:

1. Code.gs: File JavaScript server-side yang berisi logika autentikasi
2. index.html: File HTML yang berisi form login dan registrasi

Langkah 2: Membuat Antarmuka Pengguna

File index.html kita berisi tiga bagian utama:

• Form login
• Form registrasi
• Halaman selamat datang setelah login berhasil

Form ini dirancang dengan CSS sederhana yang responsif dan menggunakan JavaScript client-side untuk komunikasi dengan backend Google Apps Script.

Kode HTML memiliki struktur yang jelas dengan div terpisah untuk setiap bagian dan fungsi JavaScript untuk menangani interaksi pengguna.

Langkah 3: Membuat Backend Autentikasi

File Code.gs berisi fungsi-fungsi server-side untuk:

1. Inisialisasi Database: Membuat atau membuka spreadsheet untuk menyimpan data pengguna
2. Registrasi Pengguna: Menyimpan username dan password terenkripsi
3. Verifikasi Login: Memeriksa kredensial dan membuat sesi
4. Pengelolaan Sesi: Menyimpan dan memverifikasi status login pengguna

Kita menggunakan HMAC-SHA256 untuk mengenkripsi password, yang jauh lebih aman daripada menyimpan password dalam bentuk teks biasa.

Langkah 4: Menggunakan Google Spreadsheet sebagai Database

Google Spreadsheet menjadi pilihan database karena:

• Mudah diakses dan dikelola
• Integrasi seamless dengan Google Apps Script
• Visualisasi data yang baik untuk debugging
• Kemampuan ekspor dan backup yang mudah

Dalam implementasi kita, spreadsheet menyimpan kolom:

• Username
• Password (terenkripsi)
• Waktu pembuatan akun
• Waktu login terakhir

Langkah 5: Men-deploy Aplikasi Web

Setelah kode selesai, kita dapat men-deploy aplikasi sebagai web app dengan langkah-langkah:

1. Klik "Deploy" > "New deployment"
2. Pilih "Web app" sebagai tipe deployment
3. Konfigurasi akses (siapa yang dapat mengakses aplikasi)
4. Deploy dan dapatkan URL aplikasi

Contoh Penggunaan

Sistem autentikasi ini dapat digunakan untuk berbagai kebutuhan:

• Aplikasi internal perusahaan
• Prototipe aplikasi sebelum implementasi sistem autentikasi yang lebih kompleks
• Proyek pribadi atau kecil dengan kebutuhan login sederhana
• Tool internal dengan akses terbatas

Perluasan dan Peningkatan

Sistem dasar ini dapat ditingkatkan dengan fitur tambahan:

• Verifikasi email
• Reset password
• Autentikasi multi-faktor
• Manajemen peran dan izin
• Integrasi dengan OAuth (Google, Facebook, dll.)

Batasan dan Pertimbangan Keamanan

Penting untuk memahami batasan sistem ini:

• Enkripsi password menggunakan HMAC-SHA256 lebih aman daripada plaintext tapi tidak sekuat bcrypt
• Properties Service memiliki batasan penyimpanan untuk data sesi
• Tidak ada perlindungan CSRF bawaan
• Tidak ada pembatasan percobaan login

Untuk aplikasi produksi dengan kebutuhan keamanan tinggi, pertimbangkan untuk menggunakan layanan autentikasi khusus.

Kesimpulan

Google Apps Script menawarkan cara cepat dan efektif untuk mengimplementasikan sistem autentikasi sederhana tanpa perlu server atau infrastruktur kompleks. Dengan kombinasi GAS dan Google Spreadsheet, kita dapat membuat sistem login yang fungsional dalam waktu singkat.

Solusi ini mungkin tidak secanggih layanan autentikasi khusus, tetapi untuk proyek kecil atau prototipe, pendekatan ini menawarkan keseimbangan yang baik antara kemudahan implementasi dan fungsionalitas.

Kode sumber lengkap tersedia di GitHub Repository. Jangan ragu untuk menggunakan, memodifikasi, dan berkontribusi pada proyek ini!

---

Tentang Penulis

Andri Wiratmono adalah seorang pengembang web dengan keahlian dalam Google Apps Script dan aplikasi web. Dengan pengalaman lebih dari 3 tahun dalam pengembangan aplikasi berbasis cloud, Andri Wiratmono sering membagikan tips dan tutorial tentang cara memanfaatkan layanan Google untuk solusi bisnis dan pribadi.

---

---