How to Implement \'Login with Facebook\' in Laravel-PHP Tutorial-php.cn

How to Implement \'Login with Facebook\' in Laravel

王林

Release： 2024-08-16 06:54:42

Original

767 people have browsed it

How to Implement

This tutorial will guide you through the process of adding Facebook login functionality to your Laravel application.

Prerequisites

Laravel project set up
Composer installed
Facebook Developer Account

Step 1: Create a Facebook App

Go to Facebook Developers
Click on "My Apps" and then "Create App"
Choose "Consumer" as the app type
Fill in the app details and create the app
In the app dashboard, note down your App ID and App Secret

Step 2: Install Laravel Socialite

Laravel Socialite provides an expressive, fluent interface to OAuth authentication with Facebook, Twitter, Google, LinkedIn, GitHub, GitLab and Bitbucket.
Install it via Composer:

composer require laravel/socialite

Copy after login

Step 3: Configure Socialite

Add the following to your config/services.php file:

'facebook' => [
    'client_id' => env('FACEBOOK_CLIENT_ID'),
    'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
    'redirect' => env('FACEBOOK_REDIRECT_URI'),
],

Copy after login

Then, add these to your .env file:

FACEBOOK_CLIENT_ID=your_facebook_app_id
FACEBOOK_CLIENT_SECRET=your_facebook_app_secret
FACEBOOK_REDIRECT_URI=http://localhost:8000/login/facebook/callback

Copy after login

Step 4: Set up Routes

Add these routes to your routes/web.php:

use App\Http\Controllers\Auth\FacebookController;

Route::get('login/facebook', [FacebookController::class, 'redirectToFacebook'])->name('login.facebook');
Route::get('login/facebook/callback', [FacebookController::class, 'handleFacebookCallback']);

Copy after login

Step 5: Create FacebookController

Create a new controller:

php artisan make:controller Auth/FacebookController

Copy after login

Implement the controller:

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Laravel\Socialite\Facades\Socialite;

class FacebookController extends Controller
{
    public function redirectToFacebook()
    {
        return Socialite::driver('facebook')->redirect();
    }

    public function handleFacebookCallback()
    {
        try {
            $user = Socialite::driver('facebook')->user();
            $finduser = User::where('facebook_id', $user->id)->first();

            if ($finduser) {
                Auth::login($finduser);
                return redirect()->intended('dashboard');
            } else {
                $newUser = User::create([
                    'name' => $user->name,
                    'email' => $user->email,
                    'facebook_id'=> $user->id,
                    'password' => encrypt('123456dummy')
                ]);

                Auth::login($newUser);
                return redirect()->intended('dashboard');
            }
        } catch (\Exception $e) {
            dd($e->getMessage());
        }
    }
}

Copy after login

Step 6: Update User Model

Add facebook_id to the fillable array in your User model:

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

Copy after login

Step 7: Add Facebook ID to Users Table

Create a new migration:

php artisan make:migration add_facebook_id_to_users_table

Copy after login

In the new migration file:

public function up()
{
    Schema::table('users', function ($table) {
        $table->string('facebook_id')->nullable();
    });
}

public function down()
{
    Schema::table('users', function ($table) {
        $table->dropColumn('facebook_id');
    });
}

Copy after login

Run the migration:

php artisan migrate

Copy after login

Step 8: Add Login Button

In your login view, add a "Login with Facebook" button:

<a href="{{ route('login.facebook') }}" class="btn btn-primary">
    Login with Facebook
</a>

Copy after login

The above is the detailed content of How to Implement \'Login with Facebook\' in Laravel. For more information, please follow other related articles on the PHP Chinese website!