login oauth gmail – My Inspiration

Membuat Login Website dengan GMAIL (OAUTH))

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

</p>
<p style="text-align: justify;">CREATE TABLE IF NOT EXISTS `user` (
`ID` int(10) NOT NULL AUTO_INCREMENT,
`USER` varchar(50) NOT NULL,
`PASS` varchar(50) NOT NULL,
`EMAIL` varchar(50) NOT NULL,
`EMAIL_ID` text NOT NULL,
`TOKEN` text NOT NULL,
`LOGIN` int(2) NOT NULL DEFAULT '1',
`TGL` datetime NOT NULL,
PRIMARY KEY (`ID`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;</p>
<p style="text-align: justify;">

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

script login.php


<html>

<meta name="google-signin-client_id" content="CLIENT_ID_ANDA.apps.googleusercontent.com">

<head>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script> </script>

<script>

$(document).ready(function(){

//alert('x');

onSignIn(xx);

});//end ready function

</script>

<script>
function onSignIn(googleUser) {

var profile = googleUser.getBasicProfile();
var id_token = googleUser.getAuthResponse().id_token;
var id_email = profile.getId();
var email = profile.getEmail();
var name = profile.getName();

var data_jos = {

id_token :id_token,
email :email,
id_email :id_email,
name: name

};

$.post("login_action.php", {DATA_JOS: data_jos}, function(res) {

//alert(JSON.stringify(res));

if(res.status == "sukses"){
alert('Login Berhasil..!');
window.location='halaman2.php';
location.assign('halaman2.php');
location.replace('halaman2.php');
}
else if(res.status == 'gagal'){
alert("Koneksi Gagal..!");
}

});//end ajax

}//end function
function signOut() {

var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
//console.log('User signed out.');

alert('user go to OUT');

});
}

</script>

</head>
<body>
<div class="g-signin2" data-onsuccess="onSignIn"></div>

 

</body>

</html>

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


<?php
session_start();
header('Content-type: application/json');
ini_set('display_errors', '0');

date_default_timezone_set("Asia/Jakarta");

$today = date(d)."-".date(m)."-".date(Y);
$today_database = date(Y)."-".date(m)."-".date(d);
$time = date('H:i:s');
include "koneksi.php";

$data_jos = $_POST['DATA_JOS'];

$id_token = $data_jos['id_token'];
$email = $data_jos['email'];
$id_email = $data_jos['id_email'];
$name = $data_jos['name'];

/*echo json_encode('asdasdad');
exit;*/

$_SESSION['TOKEN']=$id_token;
/*untuk cari token sudah ada belum di database*/
$cari = "SELECT * FROM user WHERE EMAIL = '$email'";

$hasil_cari = mysqli_query($mysqli, $cari);

$row = mysqli_num_rows($hasil_cari);

if($row >= 1){

$sql = "UPDATE user SET EMAIL_ID = '$id_email',
TOKEN = '$id_token',
LOGIN = '1',
TGL = '$today_database $time'
WHERE EMAIL = '$email'";

}
else if($row == "0"){

$sql = "INSERT INTO user SET USER = '$name',
EMAIL = '$email',
EMAIL_ID = '$id_email',
TOKEN = '$id_token',
LOGIN = '1',
TGL = '$today_database $time'";

}
$hasil = mysqli_query($mysqli, $sql);
if($hasil){
// echo "sukses";
$response_array['status'] = 'sukses';
}
else{
//echo "gagal";
$response_array['status'] = 'gagal';
}

echo json_encode($response_array);
?>