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.

Login Melalui Akun Google Menggunakan PHP

Jika sudah maka klik new project untuk membuat project baru.

Login Melalui Akun Google Menggunakan PHP

maka tampilannya akan seperti pada gambar di bawah ini.

Login Melalui Akun Google Menggunakan PHP

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

Login Melalui Akun Google Menggunakan PHP

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

Login Melalui Akun Google Menggunakan PHP

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

Login Melalui Akun Google Menggunakan PHP

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.

Login Melalui Akun Google Menggunakan PHP

Maka akan keluar client ID seperti pada gambar di bawah.

Login Melalui Akun Google Menggunakan PHP

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

7 Oktober 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat