PHP
Signup With Google
In this tutorial, we will use Google OAuth Login API, this API give permission to users to login with their existing Google accounts to your website. Below you can find how to integrate Google Login API in your PHP website and you can also find the process of how to get an API key and how to integrate Google Client Library in your existing PHP library for login.
Steps :
- Get Google API Credential :
First, we need to get Google API keys, for this first you have Google Account. So, login into your Google Account and follow the below step.
- Go to https://console.developers.google.com/ this link.
- After this click on Create New Project link to create a new project.
- Enter Project Name and click on Create button.
- Once you have created a new project then you can see your project list on a web page.
- After this click on the Google API logo to go to the home page.
- Once you have redirected to the home page then select the project from the project select box.
- After click on the project select box, then one modal will popup and under this, you can find a list of projects, so select your project.
- Now from the left menu, you have to click on the OAuth consent screen.
- Once you have click on the OAuth consent screen, then one page will load, here you have to define the application name and after this click on the save button.
- When you have to click on the Save button, then after page will redirect another page, and here you have to click on Create credential button, so one drop-down menu will appear and from this, you have to select OAuth client ID.
- After click on the OAuth client ID menu then you have redirected to another page, and here you can find different Application types.
- From different Application type option, you have to select Web application. Once you have select the Web application option, then one form will appear on the web page. Here you have to define Name and you have also define Authorized redirect URIs field and lastly click on Create button.
- Once you have click on the create button, then you can get your Client ID and your client secret key. You have to copy both keys for future use for implement Login using Google account using PHP.
- Download Google API Client Library for PHP
- composer require google/apiclient:"^2.0"
- This command will download Google API Client Library for PHP in your defined directory. Now we have proceeded for PHP code for how to use Google API Client Library for login using Google account with PHP.
config.php
<?php //config.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('1034286712318-kv0gapfqro1aijq84ed72r4aqqs8nan8.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'); //start session on web page session_start(); ?>
index.php
<?php
//index.php
//Include Configuration File
include('config.php');
$login_button = '';
//This $_GET["code"] variable value received after user has login into their Google Account redirct to PHP script then this variable value has been received
if(isset($_GET["code"]))
{
//It will Attempt to exchange a code for an valid authentication token.
$token = $google_client->fetchAccessTokenWithAuthCode($_GET["code"]);
//This condition will check there is any error occur during geting authentication token. If there is no any error occur then it will execute if block of code/
if(!isset($token['error']))
{
//Set the access token used for requests
$google_client->setAccessToken($token['access_token']);
//Store "access_token" value in $_SESSION variable for future use.
$_SESSION['access_token'] = $token['access_token'];
//Create Object of Google Service OAuth 2 class
$google_service = new Google_Service_Oauth2($google_client);
//Get user profile data from google
$data = $google_service->userinfo->get();
//Below you can find Get profile data and store into $_SESSION variable
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'];
}
}
}
//This is for check user has login into system by using Google account, if User not login into system then it will execute if block of code and make code for display Login link for Login using Google account.
if(!isset($_SESSION['access_token']))
{
//Create a URL to obtain user authorization
$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>PHP Login using Google Account</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">PHP Login using Google Account</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>
logout.php
<?php
//logout.php
include('config.php');
//Reset OAuth access token
$google_client->revokeToken();
//Destroy entire session data.
session_destroy();
//redirect page to index.php
header('location:index.php');
?>
