So implementieren Sie „Anmelden mit Facebook' in Laravel-PHP-Tutorial-php.cn

So implementieren Sie „Anmelden mit Facebook' in Laravel

王林

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

Original

879 Leute haben es durchsucht

How to Implement

Dieses Tutorial führt Sie durch den Prozess des Hinzufügens der Facebook-Anmeldefunktion zu Ihrer Laravel-Anwendung.

Voraussetzungen

Laravel-Projekt eingerichtet
Composer installiert
Facebook-Entwicklerkonto

Schritt 1: Erstellen Sie eine Facebook-App

Gehen Sie zu Facebook Developers
Klicken Sie auf „Meine Apps“ und dann auf „App erstellen“
Wählen Sie „Consumer“ als App-Typ
Geben Sie die App-Details ein und erstellen Sie die App
Notieren Sie sich im App-Dashboard Ihre App-ID und Ihr App-Geheimnis

Schritt 2: Installieren Sie Laravel Socialite

Laravel Socialite bietet eine ausdrucksstarke, flüssige Schnittstelle zur OAuth-Authentifizierung mit Facebook, Twitter, Google, LinkedIn, GitHub, GitLab und Bitbucket.
Installieren Sie es über Composer:

composer require laravel/socialite

Nach dem Login kopieren

Schritt 3: Socialite konfigurieren

Fügen Sie Folgendes zu Ihrer config/services.php-Datei hinzu:

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

Nach dem Login kopieren

Dann fügen Sie diese zu Ihrer .env-Datei hinzu:

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

Nach dem Login kopieren

Schritt 4: Routen einrichten

Fügen Sie diese Routen zu Ihren Routen/web.php hinzu:

use App\Http\Controllers\Auth\FacebookController;

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

Nach dem Login kopieren

Schritt 5: FacebookController erstellen

Neuen Controller erstellen:

php artisan make:controller Auth/FacebookController

Nach dem Login kopieren

Implementieren Sie den 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());
        }
    }
}

Nach dem Login kopieren

Schritt 6: Benutzermodell aktualisieren

Fügen Sie facebook_id zum ausfüllbaren Array in Ihrem Benutzermodell hinzu:

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

Nach dem Login kopieren

Schritt 7: Facebook-ID zur Benutzertabelle hinzufügen

Erstellen Sie eine neue Migration:

php artisan make:migration add_facebook_id_to_users_table

Nach dem Login kopieren

In der neuen Migrationsdatei:

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');
    });
}

Nach dem Login kopieren

Migration ausführen:

php artisan migrate

Nach dem Login kopieren

Schritt 8: Anmeldeschaltfläche hinzufügen

Fügen Sie in Ihrer Anmeldeansicht eine Schaltfläche „Mit Facebook anmelden“ hinzu:

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo implementieren Sie „Anmelden mit Facebook' in Laravel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!