Categories
API

Membuat Login Website dengan GMAIL (OAUTH)

Membuat Login Website dengan GMAIL (OAUTH))

oauth_overview

 




Assalamualaikum,

Pada kesempatan kali ini Septiyo.com akan menjelaskan tentang OAuth dan Praktiknya / Nama Lainnya Login dengan Pihak ketiga (GMAIL).

Maksudnya?? A: Sebagai Programmer anda pasti membuat Aplikasi Login bukan? terutama untuk Aplikasi anda. Login itu sebagai pintu masuk / gerbang menuju akses para user. Nah di jaman ini sudah sering ada pihak ketiga, yang menyediakan OAUTH (Open Authentication) untuk user, jadi Bahasa kerennya, tidak perlu aplikasi anda yang mengecek user ini Manusia atau bukan, tapi pihak ketiga seperti Gmail, Facebook,  LinkedIn, Evernote, GitHub, Stack Overflow dan masih banyak yang lainnya.

Lalu Contohnya Gan? seperti ini saya sudah buat Oauth di web saya sendiri

DEMO

Lalu Prinsip kerjanya? : bi asanya kita harus punya akun dulu di penyedia Oauth, misal Google atau Facebook, lalu anda harus punya dua hal di penyedia tersebut pertama

1) API KEY : Kunci / Token password dari mereka sebagai izin penggunaan API penyedia tersebut.

2) Client ID : Hampir sama dengan API Key, tapi biasanya ini yang khusus untuk Oauth.

NB: Masing2 penyedia Oauth Memiliki sistem dan kinerja yg berbeda, Selanjutnya Penyedia Oauth akan saya sebut sebagai penyedia saja.

Setelah dapat keduanya, biasanya anda memsang code atau link login Penyedia yg sudah ada Apikeynya dan Client IDnya, lalu, halaman Callbacknya, biasanya harus di pasang di penyedia, Langsung saja deh praktik.

 




 

NB dan PENTING,  untuk Praktik OATUH GOogle anda harus punya hosting pribadi, karena dipelukan pada saat memasang Callback

jangan Lupa buat database dulu di hosting anda dan buat tabel berikut

Sediakan  1 file untuk latihan, anggap saja hosting anda website_anda.com/login.php

script login.php

lalu untuk Script Login_action.php

perlu diketahui, jika anda liat source asli dari Google, tidak akan sepertii ini, ini saya modif, agar data dari email bisa masuk kedalam database

Lalu ini script Logout nya

Nah, lalu anda pasti bertanya, Bagaimana Gan bikin API KEY NYA.

masuk  google Api console, cari di google aja

sampai ketemu halaman ini

oauth

Lalu di tab Oauth anda harus membuat halaman Callbacknya (Callback adalah halaman yg dituju oleh Gmail, setelah di authentikasi. ini halaman anda)

oauth2

Intinya script saya ini sudah jalan, tinggal anda membuat API KEY DAN CLIENT ID sendiri.

 

Untuk Oatuh lain seperit Facebook dan lainnya anda bisa belajar sendiri, namun saya pun juga sudah buat dan seperti ini contohnya

DEMO LOGIN OAUTH FB

DEMO LOGIN OAUTH LINKED IN

Sekian Tutorial kali ini

Semoga bermanfaat

jika anda merasa web blog ini ada manfaatnya, silahkan Comment dan meninggalkan jejak.

 

TRIMS

Wassalamualaikum WR.WB

 

 

 

 

 

19 replies on “Membuat Login Website dengan GMAIL (OAUTH)”

Oh Maaf gan baru sempat balas.
Ya maaf kelupaan.

tinggal buat aja file koneksi.php

lalu isi dengan

$mysqli = mysqli_connect('localhost','username_db','passs_db','nama db')or die("gagal");

udah gitu aja 😀

bang mau nanya kalo errornya kayak gini gmana?
401. That’s an error.
Error: invalid_client
The OAuth client was not found
Request Details
That’s all we know

Syartanya sudah apa belum

Anda harus punya Hosting Pribadi dulu, karena tiap 1 halaman web kan punya unik IP yg berbeda 1 Dunia ini.

cara kerjanya adalah setelah masukkan user pass Gmail atau FB atau ETC, si penyedia akan cek, dan kalau berhasil callback akan diarahkan ke Anda. Kalau Anda Online pasti bisa, tapi kalau Web Local tidak akan bisa karena Anda Tidak punya IP sendiri alias Numpangn sama peyedia WIFI atau semacamnya

bang kalo errornya gini gmana bang? yng salah apanya ?
Error : invalid_client
the OAuth was not found

Maaf baru sempat balas, ya tidak bisa, karena Oatuh nya ada Call back. Si penyedia Oauth akan Menghubungi atau mencari Link anda. Kalau Hosting kan Online, tapi kalau di local sama aja Offline karena anda tidak ada IP Publicnya 😀

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.