Website sederhana untuk komunitas kelas dengan fitur login dan registrasi menggunakan Google OAuth.
- Registrasi akun manual dengan validasi password
- Login dengan username dan password
- Integrasi Google OAuth untuk registrasi dan login
- Deteksi akun Google otomatis saat registrasi
- Login dengan Google untuk akun yang sudah terdaftar
Untuk menggunakan fitur Google OAuth, Anda perlu mengatur Google OAuth client ID:
- Kunjungi Google Cloud Console
- Buat project baru atau pilih project yang ada
- Aktifkan Google+ API
- Buat OAuth 2.0 Client ID:
- Pilih "Web application"
- Tambahkan authorized origins:
http://localhost:8000(atau domain Anda) - Tambahkan authorized redirect URIs:
http://localhost:8000(atau domain Anda)
- Copy Client ID yang dihasilkan
Edit file register.html dan login.html, ganti 'YOUR_GOOGLE_CLIENT_ID_HERE' dengan Client ID Anda:
client_id: '123456789-abcdefghijklmnopqrstuvwxyz.apps.googleusercontent.com'- Buka file
index.htmldi browser - Atau gunakan server lokal:
Kemudian buka
python -m http.server 8000
http://localhost:8000
- Data pengguna disimpan di localStorage browser (hanya untuk demo)
- Dalam aplikasi nyata, gunakan database dan server backend
- Password tidak di-hash (hanya untuk demo)
- Pastikan untuk mengganti placeholder Client ID dengan yang sebenarnya
- HTML5
- CSS3
- JavaScript (ES6+)
- Google Sign-In API