Pribadi Dermawan – Login With Google Account

Ketemu lagi nih sama Yustin hehehe^^ Jangan bosen-bosen ya untuk kepoin cermi-cerminya Yustin hehe^^ Nahhh, cermi kali ini mengenai Login With Google Account atau yang biasa kita kenal dengan Login SSO (Single Sign On)Pada login konvensional, pengguna mengetikkan username dan password Pribadi Dermawan untuk terotentikasi. Sedangkan pada login Google Account, pengguna akan terlempar ke halaman login SSO khas Google.  

Pada kesempatan kali ini, Yustin ingin berbagi tentang bagaimana cara menerapkan login SSO pada Pribadi Dermawan. Dan Yustin berkomunikasi dengan Bang Jul perihal ini dan Bang Jul memberi banyak arahan dan komentar yang intinya “Pribadi Dermawan punya site sendiri itu berarti penggunaan akses bebas beda sama iMe. Apapun bisa pake plugin tapi harus hati-hati dalam memilih plugin, karena tidak semua plugin bagus dan bersih dari virus yang bisa membahayakan site itu sendiri“.
Karena Pribadi Dermawan mempunyai site sendiri maka langkah awal yang Yustin lakukan adalah instal plugin Google Apps Login. Setelah terinstal, aktifkan plugin tersebut.
 
 Setelah mengaktifkan plugin, Kembali ke Dasbor – Pengaturan – Google Apps Login
Akan mucul tampilan dibawah ini yang menunjukan bahwa membutuhkan ID klien dan Klien Rahasia untuk dapat membuat SSO
 Okeeeh, untuk mendapatkan ID Klien dan Klien Rahasia dapat googling ‘console google’ maka terdapat Konsol API Google klik untuk tahap selanjutnya
Pastikan sudah login email pada google terlebih dahulu. Klik pilih project
Buat project baru untuk tahap selanjutnya, isi sesuai yang dibutuhkan kemudian klik Buat
Selanjtnya, klik Kredensial – Layar persetujuan OAuth lalu isi data seperti tampilan dibawah ini sesuai yang dibutuhkan dan Simpan
Setelah itu Buat Kredensial ‘ID klien OAuth’ untuk mendapatkan ID klien dan Klien Rahasia
Lalu pilih ‘Aplikasi web‘ isi Nama sesuai yang dibutuhkan, isi dengan nama domain pada kolom ‘Asal JavaScript yang sah‘ kemudian isi kolom selanjutnya dengan domain yang bersangkutan lalu tambahkan wp-login-php (yang bertujuan untuk SSO/login google)
Setelah membuat dan mengisi data dengan benar, maka kita mendapatkan ID Klien dan Klien Rahasia yang kita butuhkan lalu copy kode tersebut
Aplikasikan kode yang telah kita dapatkan pada pengaturan google apps login seperti gambar dibawah ini kemudian simpan perubahan. Logout site untuk testing bahwa login google sudah terdapat pada halaman login web.
‘Masuk dengan Google’ sudah tersedia dan sudah dapat digunakan. yeaaayyy^^
Jika username/alamat email dan password  adalah benar dan emailnya ada di database Pribadi Dermawan, maka pengguna boleh masuk ke Pribadi Dermawan tersebut menggunakan google. Namun jika emailnya tidak ada di database Pribadi Dermawan, maka pengguna tetap tidak bisa masuk ke Pribadi Dermawan karena tidak punya akses untuk masuk dan apabila seperti itu maka harus mendaftar terlebih dahulu.
Gambar terkait

5 thoughts on “Pribadi Dermawan – Login With Google Account

  1. Hi Yustin
    Wah berhasil menerapkan Login SSO ya^^
    Memudahkan user pastinya kalau SSO tanpa harus input input username dan ingat ingat password yang berbeda beda

Leave a Reply