Laravel 9 - Login with Facebook using Socialite

Quick Overview

Step # 1 : Create Fresh Laravel Project.

laravel new facebook

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

Step # 2 : Create a Database.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=facebook
DB_USERNAME="your database username"
DB_PASSWORD="your database password"

Step # 3 : Let's install UI authentication.

composer require laravel/ui
php artisan ui vue --auth
npm install && npm run dev

Step # 4 : Add field to users table.

$table->id();
$table->string('fb_id')->nullable();
$table->string('name');
$table->string('email')->unique();
$table->timestamp('email_verified_at')->nullable();
$table->string('password');
$table->rememberToken();
$table->timestamps();

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

php artisan migrate

Step # 5 : Install Socialite package.

composer require laravel/socialite

Step # 6 : Register socialite package (Optional)

'providers' => [
    Laravel\Socialite\SocialiteServiceProvider::class,
],
'aliases' => [
    'Socialite' => Laravel\Socialite\Facades\Socialite::class,
],

Step # 7 : Get facebook app_id and app_secret.

     'facebook' => [
        'client_id' => 'Your facebook app id',
        'client_secret' => 'Your facebook/meta secret',
        'redirect' => 'http://localhost:8080/auth/facebook/callback', //Your redirect call back. In my case i am using port 8080. If you are using port 8000 or if you are not using any port you need to update url accordingly
    ],

Step # 8 : Create SocialController.

php artisan make:controller SocialController

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\User;
use Validator;
use Socialite;
use Exception;
use Auth;
class SocialController extends Controller
{
    public function facebookRedirect()
    {
        return Socialite::driver('facebook')->redirect();
    }
    public function loginWithFacebook()
    {
        try {
            $user = Socialite::driver('facebook')->stateless()->user();
            $existingUser = User::where('fb_id', $user->id)->first();
            if($existingUser){
                Auth::login($existingUser);
                return redirect('/home');
            }else{
                $createUser = User::create([
                    'name' => $user->name,
                    'email' => $user->email,
                    'fb_id' => $user->id,
                    'password' => encrypt('password')
                ]);
                Auth::login($createUser);
                return redirect('/home');
            }
        } catch (\Throwable $th) {
          throw $th;
       }
    }
}

Step # 9 : Setup routes.

Route::get('auth/facebook', 'App\Http\Controllers\SocialController@facebookRedirect');
Route::get('auth/facebook/callback', 'App\Http\Controllers\SocialController@loginWithFacebook');

Step # 10 : Add Facebook login href to your Login/Register blade.

<div class="row mb-3">
<label for="password" class="col-md-4 col-form-label text-md-end"></label>
<div class="col-md-6">
<a class="btn btn-primary" href="{{ url('auth/facebook') }}"> Login with Facebook</a>
</div>
</div>

Step # 11 : It's time to test.

php artisan serve

Conclusion