Login Melalui Akun Google Menggunakan PHP

Hallo teman-teman Dumet School, Pada kesempatan kali ini saya akan membuat cara Login Melalui Akun Google Menggunakan PHP. Nah sebelum kita membuat script php untuk proses login, ada beberapa hal yang harus kita lakukan untuk mendapatka key API google. Teman-teman silahkan login ke akun google. Kemudian pergi kehalaman https://console.developers.google.com/ dan lalu buka select a project.

Jika sudah maka klik new project untuk membuat project baru.

maka tampilannya akan seperti pada gambar di bawah ini.

Berikan nama project dan kemudian create. Maka project yang sudah dibuat akan tampil seperti pada gambar di bawah ini.

pilih project yang sudah dibuat kemudian kemenu Aouth Consent screen lalu berikan nama aplikasi seperti pada gambar di bawah ini.

Tahap selanjutnya teman-teman ke halaman credentials dan klik tombol create credentials lalu pilih Aouth Client ID.

Maka tampilannya akan seperti pada gambar di bawah. Lalu teman-teman pilih aplication typenya yaitu web aplication dan kemudian isi url juga. Untuk pengisian url disini teman-teman sesuaikan dengan letak file yang teman-teman buat.

Maka akan keluar client ID seperti pada gambar di bawah.

Lalu teman-teman instal library google menggunakan command prompt

composer require google/apiclient:"^2.0"

Dan langkah selanjutnya kita buat new file dengan nama config.php seperti pada script di bawah ini.

<?php

//Include Google Client Library for PHP autoload file
require_once 'vendor/autoload.php';
//Make object of Google API Client for call Google API
$google_client = new Google_Client();
//Set the OAuth 2.0 Client ID
$google_client->setClientId('885505986509-c3usl06o8l6g7vkip8ksc83dsofrk2pm.apps.googleusercontent.com');
//Set the OAuth 2.0 Client Secret key
$google_client->setClientSecret('Dzq5Xd3olizoZkKjk_SJCWQ1');
//Set the OAuth 2.0 Redirect URI
$google_client->setRedirectUri('http://localhost/tutorial/php-login-using-google-demo/index.php');

$google_client->addScope('email');
$google_client->addScope('profile');

session_start();

?>

Lalu untuk file index.php maka teman-teman bisa lihat scriptnya di bawah. 

<?php

include('config.php');

$login_button = '';

if(isset($_GET["code"])){
 $token = $google_client->fetchAccessTokenWithAuthCode($_GET["code"]);
 if(!isset($token['error'])){
  $google_client->setAccessToken($token['access_token']);
  $_SESSION['access_token'] = $token['access_token'];
  $google_service = new Google_Service_Oauth2($google_client);
  $data = $google_service->userinfo->get();
  if(!empty($data['given_name'])){
   $_SESSION['user_first_name'] = $data['given_name'];
  }

  if(!empty($data['family_name'])){
   $_SESSION['user_last_name'] = $data['family_name'];
  }

  if(!empty($data['email'])){
   $_SESSION['user_email_address'] = $data['email'];
  }

  if(!empty($data['gender'])){
   $_SESSION['user_gender'] = $data['gender'];
  }

  if(!empty($data['picture'])){
   $_SESSION['user_image'] = $data['picture'];
  }
 }
}

if(!isset($_SESSION['access_token'])){
 $login_button = '<a href="'.$google_client->createAuthUrl().'"><img src="sign-in-with-google.png" /></a>';
}

?>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Login Melalui Akun Google Menggunakan PHP</title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
 </head>
 <body>
  <div class="container">
   <br />
   <h2 align="center">Login Melalui Akun Google Menggunakan PHP</h2>
   <br />
   <div class="panel panel-default">
   <?php
   if($login_button == ''){
    echo '<div class="panel-heading">Welcome User</div><div class="panel-body">';
    echo '<img src="'.$_SESSION["user_image"].'" class="img-responsive img-circle img-thumbnail" />';
    echo '<h3><b>Name :</b> '.$_SESSION['user_first_name'].' '.$_SESSION['user_last_name'].'</h3>';
    echo '<h3><b>Email :</b> '.$_SESSION['user_email_address'].'</h3>';
    echo '<h3><a href="logout.php">Logout</h3></div>';
   }else{
    echo '<div align="center">'.$login_button . '</div>';
   }
   ?>
   </div>
  </div>
 </body>
</html>

Dan langkah terakhir teman-teman buat file baru untuk logout dengan nama file logout.php

<?php

include('config.php');

$google_client->revokeToken();
session_destroy();
header('location:index.php');

?>

Demikian artikel tentang  Login Melalui Akun Google Menggunakan PHP. Smeoga bermanfaat