Laravel 11 - How to integrate Google Login

Quick Overview

Step # 1 : Create fresh Laravel project with Breeze Auth.

laravel new google

composer create-project laravel/laravel --prefer-dist google

1. Would you like to install the starter kit? — Select Breeze
2. After selecting Breeze, you'll be asked to choose your stack. — Select Blade.
3. After selecting Blade, you'll be asked for dark mode support. — Select no
4. After selecting No, you'll be asked about testing framework. — Select Pest
5. After selecting Pest, you'll be asked if you want to initialize git repo. — Select no
6. After selecting no, you'll be asked to select the database for your application. — Select mysql
7. After selecting MySql, you'll be asked if you want to run the default database migration. — Select no
   
   

Step # 2 : Access the project.

cd c:xampp/htdocs/google

Step # 3 : Modify the Users Table & User Model.

        Schema::create('users', function (Blueprint $table) {
            $table->id();
            $table->string('google_id')->nullable();
            $table->string('name');
            $table->string('email')->unique();
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password');
            $table->rememberToken();
            $table->timestamps();
        });

    protected $fillable = [
        'google_id',
        'name',
        'email',
        'password',
    ];

php artisan migrate

Step # 4 : Install Socialite package.

composer require laravel/socialite

Step # 5 : Obtain Your Google APP_ID and APP_SECRET.

    //Google Login
    'google' => [
        'client_id' => env('GOOGLE_CLIENT_ID'),
        'client_secret' => env('GOOGLE_CLIENT_SECRET'),
        'redirect' => env('GOOGLE_REDIRECT_URI'),
    ],

GOOGLE_CLIENT_ID="Define your client ID here"
GOOGLE_CLIENT_SECRET="Define your client SECRET here"
GOOGLE_REDIRECT_URI=http://localhost:8000/auth/google/callback

Step # 6 : Create SocialController.

php artisan make:controller SocialController

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Laravel\Socialite\Facades\Socialite;
use Exception;
class SocialController extends Controller
{
    public function googleRedirect()
    {
        return Socialite::driver('google')->redirect();
    }
    public function loginWithGoogle()
    {
        try {
            // Retrieve user from Google
            $googleUser = Socialite::driver('google')->stateless()->user();
            // Attempt to find an existing user by Google ID or email
            $existingUser = User::where('google_id', $googleUser->id)
                ->orWhere('email', $googleUser->email)
                ->first();
            if ($existingUser) {
                // Update Google ID if the user was found by email
                if ($existingUser->google_id !== $googleUser->id) {
                    $existingUser->google_id = $googleUser->id;
                    $existingUser->save();
                }
                Auth::login($existingUser);
            } else {
                // Create a new user
                $createUser = User::create([
                    'name' => $googleUser->name,
                    'email' => $googleUser->email,
                    'google_id' => $googleUser->id,
                    // Hashing the password
                    'password' => bcrypt('password'),
                ]);
                Auth::login($createUser);
            }
            return redirect()->to('/dashboard'); // Direct path to your dashboard
        } catch (\Throwable $th) {
            // Log the exception or handle it as needed
            throw $th; // Consider logging the exception for debugging
        }
    }
}

Step # 7 : Set Up Routes.

use App\Http\Controllers\SocialController;

// Route to redirect to Google for authentication.
Route::get('auth/google', [SocialController::class, 'googleRedirect']);
// Route to handle the callback from Google after authentication.
Route::get('auth/google/callback', [SocialController::class, 'loginWithGoogle']);

Step # 8 : Add Google Login Link to Your Register/Login Blade.

<!-- Register button -->
<!-- Separator OR section -->
<div class="text-center mt-4">
    <span class="text-sm text-gray-600">OR</span>
</div>
<!-- Login with Facebook button -->
<div class="flex items-center justify-center mt-4">
    <x-secondary-button>
        <a href="{{ url('auth/google') }}">
            Login with Google
        </a>
    </x-secondary-button>
</div>

Step # 9 : It's time to test.

php artisan serve

Conclusion