1. Siapkan akun Google
Pakai akun Gmail Anda (boleh akun pribadi untuk belajar di localhost).
Tutorial Setup Login Google (Pemula)
Panduan mengaktifkan Masuk dengan Google untuk pembaca (bukan admin). Ikuti urutan langkah di bawah.
Status saat ini: Aktif
Penting: Login Google ini hanya untuk pembaca di halaman
/masuk.
Admin tetap login di /login dengan email & password.
2. Buka Google Cloud Console
- Kunjungi: https://console.cloud.google.com/
- Login dengan akun Google Anda.
- Jika diminta, setuju Terms of Service.
3. Buat Project baru
- Klik dropdown project di bagian atas → New Project.
- Nama project contoh:
Bolana Blog. - Klik Create, lalu pilih project tersebut.
4. Konfigurasi OAuth Consent Screen
- Menu kiri: APIs & Services → OAuth consent screen.
- Pilih User Type: External → Create.
- Isi:
- App name:
Bolana Blog - User support email: email Anda
- Developer contact: email Anda
- App name:
- Klik Save and Continue sampai selesai.
- Di bagian Test users (mode Testing), tambahkan email Google yang boleh login saat uji coba.
Saat masih Testing, hanya Test users yang bisa login. Untuk publik, nanti submit Verification (opsional untuk production).
5. Buat OAuth Client ID
- Menu: APIs & Services → Credentials.
- Klik Create Credentials → OAuth client ID.
- Application type: Web application.
- Name:
Bolana Blog Web. - Authorized JavaScript origins:
http://localhost - Authorized redirect URIs — salin persis:
https://blog.bolana-erp.com/auth/google/callback - Klik Create.
- Copy Client ID dan Client Secret.
6. Isi file .env di project
Buka file c:\xampp\htdocs\bolanablog\.env, lalu isi:
GOOGLE_LOGIN_ENABLED=true
GOOGLE_CLIENT_ID=isi_client_id_dari_google
GOOGLE_CLIENT_SECRET=isi_client_secret_dari_google
GOOGLE_REDIRECT_URI=https://blog.bolana-erp.com/auth/google/callbackSimpan file. Pastikan tidak ada spasi di awal/akhir nilai.
7. Database pembaca
Tabel readers sudah termasuk di database/migration/schema.sql. Jika belum ada, import ulang schema (atau pastikan DB sudah di-setup saat install).
8. Uji login
- Pastikan Apache + MySQL XAMPP menyala.
- Buka: https://www.blog.bolana-erp.com/masuk
- Klik Masuk dengan Google.
- Pilih akun Google (yang sudah masuk Test users).
- Jika sukses, Anda diarahkan ke halaman Akun Pembaca.
9. Troubleshooting cepat
| Gejala | Solusi |
|---|---|
| Tombol Google tidak muncul / “belum aktif” | Cek GOOGLE_LOGIN_ENABLED=true dan Client ID/Secret terisi. |
Error redirect_uri_mismatch |
Redirect URI di Google Cloud harus sama persis dengan GOOGLE_REDIRECT_URI. |
| Error access blocked / app not verified | Tambahkan email Anda di Test users pada OAuth consent screen. |
| Table readers not found | Import ulang database/migration/schema.sql. |