Heim > PHP-Framework > Laravel > Laravel-Entwicklung: Wie implementiert man Social Login mit Laravel Socialite?

Laravel-Entwicklung: Wie implementiert man Social Login mit Laravel Socialite?

WBOY
Freigeben: 2023-06-13 22:09:17
Original
1248 Leute haben es durchsucht

In der heutigen, sich immer weiter entwickelnden Ära der sozialen Netzwerke ist Social Login zu einer Standardfunktion auf immer mehr Websites geworden. Es erleichtert Benutzern nicht nur die schnelle Anmeldung, sondern trägt auch dazu bei, dass die Website den Benutzerverkehr und die soziale Interaktion steigert. Obwohl es nicht schwer ist, Social Login selbst zu implementieren, kann die Verwendung vorgefertigter Social Login-Komponenten Zeit und Aufwand sparen. In der PHP-Entwicklung ist Laravel Socialite eine einfach zu verwendende Social-Login-Komponente. Schauen wir uns an, wie man damit Social Login implementiert.

1. Installieren Sie Laravel Socialite

Zuerst müssen wir das Socialite-Paket in der Laravel-Anwendung installieren. Verwenden Sie dazu den folgenden Befehl:

composer require laravel/socialitecomposer require laravel/socialite

安装完成之后,在 config/app.php 文件中添加 Socialite 服务提供器:

'providers' => [
    // Other service providers...

    LaravelSocialiteSocialiteServiceProvider::class,
]
Nach dem Login kopieren

然后在 config/app.php 文件中添加 Socialite 门面别名:

'aliases' => [
    // Other aliases...

    'Socialite' => LaravelSocialiteFacadesSocialite::class,
]
Nach dem Login kopieren

这样我们就成功安装了 Socialite 组件。

二、创建社交登录应用

Socialite 可以支持许多不同的社交登录应用,我们需要为每个应用创建一个应用程序。下面以 GitHub 为例演示在 GitHub 上创建一个新的 OAuth 应用。

  1. 首先,登录你的 GitHub 账户,在头像下拉菜单中选择 Settings->Developer settings->OAuth Apps 进入 OAuth Apps 页面。

  1. 点击 New OAuth App 按钮,填入以下信息:
  • Application name:应用程序名称;
  • Homepage URL:应用程序主页的 URL;
  • Authorization callback URL:社交登录认证成功后的回调 URL。

填写完成后点击 Register application 按钮。

  1. 生成应用程序的 Client ID 和 Client Secret。

三、实现社交登录

  1. 首先,在应用程序的登录页面中添加社交登录按钮,并将其链接到 Socialite 的 GitHub 认证服务中:
<a href="{{ url('/auth/github') }}">使用GitHub登录</a>
Nach dem Login kopieren
  1. 在 Laravel 中创建 GitHub 登录路由。打开 routes/web.php 文件并添加以下路由定义:
Route::get('auth/github', 'AuthLoginController@redirectToProvider');
Route::get('auth/github/callback', 'AuthLoginController@handleProviderCallback');
Nach dem Login kopieren

这里要求我们通过 redirectToProvider 将用户重定向到 GitHub 认证服务,并在那里完成登录认证。当认证成功后,GitHub 认证服务将重定向到指定的回调 URL auth/github/callback,并通过该 URL 在 Session 中传递认证成功的用户信息。

  1. 构建 redirectToProvider 函数。打开 app/Http/Controllers/Auth/LoginController.php 文件,并添加以下实现方式:
namespace AppHttpControllersAuth;

use IlluminateHttpRequest;
use AppHttpControllersController;
use Socialite;

class LoginController extends Controller
{
    // ...
    public function redirectToProvider()
    {
        return Socialite::driver('github')->redirect();
    }
    // ...
}
Nach dem Login kopieren

我们调用 Socialite 中的 driver() 方法来获取 GitHub 认证驱动程序的实例,并使用 redirect() 方法将用户重定向到登录认证服务。

  1. 接下来,我们将在 handleProviderCallback 方法中处理认证成功后的回调。打开 app/Http/Controllers/Auth/LoginController.php 文件,并添加以下方法:
// ...
public function handleProviderCallback()
{
    try {
        $user = Socialite::driver('github')->user();
    } catch (Exception $e) {
        return redirect('/login');
    }

    // 验证用户信息并完成登录,代码省略
    // ...
}
// ...
Nach dem Login kopieren

我们使用 Socialite 中的 user() 方法获取 GitHub 认证服务返回的用户信息。如果在认证过程中有任何错误,我们将重定向用户到应用程序的登录页面。如果认证成功,则可以使用 $user

Nachdem die Installation abgeschlossen ist config/ Fügen Sie den Socialite-Dienstanbieter zur Datei app.php hinzu:

rrreee

Fügen Sie dann den Socialite-Fassadenalias zur Datei config/app.php hinzu:

rrreee

In Auf diese Weise haben wir die Socialite-Komponente erfolgreich installiert. 🎜🎜2. Erstellen Sie eine Social-Login-Anwendung 🎜🎜Socialite kann viele verschiedene Social-Login-Anwendungen unterstützen, und wir müssen für jede Anwendung eine Anwendung erstellen. Im Folgenden wird GitHub als Beispiel verwendet, um die Erstellung einer neuen OAuth-Anwendung auf GitHub zu demonstrieren. 🎜
  1. Melden Sie sich zunächst bei Ihrem GitHub-Konto an, wählen Sie im Avatar-Dropdown-Menü Einstellungen->Entwicklereinstellungen->OAuth-Apps aus, um die Seite „OAuth-Apps“ aufzurufen.
🎜🎜
  1. Klicken Sie auf die Schaltfläche „Neue OAuth-App“ und geben Sie die folgenden Informationen ein:
  • Anwendungsname: Anwendungsname
  • Homepage-URL: URL der Anwendungs-Homepage ;
  • Autorisierungs-Rückruf-URL: die Rückruf-URL nach erfolgreicher Social-Login-Authentifizierung.
🎜Klicken Sie nach Abschluss des Ausfüllens auf die Schaltfläche „Antrag registrieren“. 🎜🎜🎜
  1. Anwendungs-Client generieren ID und Client-Geheimnis.
🎜🎜🎜3. Social Login implementieren🎜
  1. Fügen Sie zunächst eine Social-Login-Schaltfläche zur Anmeldeseite Ihrer Anwendung hinzu und verknüpfen Sie sie mit dem GitHub-Authentifizierungsdienst von Socialite:
rrreee
    Erstellen Sie ein GitHub-Login Route in Laravel. Öffnen Sie die Datei routes/web.php und fügen Sie die folgende Routendefinition hinzu:
rrreee🎜Hier werden wir aufgefordert, den Benutzer über redirectToProvider zum GitHub-Authentifizierungsdienst umzuleiten und schließen Sie dort die Anmeldeauthentifizierung ab. Wenn die Authentifizierung erfolgreich ist, leitet der GitHub-Authentifizierungsdienst zur angegebenen Rückruf-URL auth/github/callback um und leitet die erfolgreich authentifizierten Benutzerinformationen in der Sitzung über diese URL weiter. 🎜
  1. Erstellen Sie die Funktion redirectToProvider. Öffnen Sie die Datei app/Http/Controllers/Auth/LoginController.php und fügen Sie die folgende Implementierung hinzu:
rrreee🎜Wir nennen Socialite im Code> Driver()-Methode, um eine Instanz des GitHub-Authentifizierungstreibers abzurufen, und verwenden Sie die redirect()-Methode, um den Benutzer zum Anmeldeauthentifizierungsdienst umzuleiten. 🎜
  1. Als nächstes behandeln wir den Rückruf nach erfolgreicher Authentifizierung in der Methode handleProviderCallback. Öffnen Sie die Datei app/Http/Controllers/Auth/LoginController.php und fügen Sie die folgende Methode hinzu:
rrreee🎜Wir verwenden von <code>Socialite Die Methode >user() ruft die vom GitHub-Authentifizierungsdienst zurückgegebenen Benutzerinformationen ab. Sollten während des Authentifizierungsprozesses Fehler auftreten, leiten wir den Benutzer zur Anmeldeseite der Anwendung weiter. Wenn die Authentifizierung erfolgreich ist, können die Informationen im Objekt $user verwendet werden, um den Benutzer zu authentifizieren und den Anmeldevorgang abzuschließen. 🎜🎜4. Zusammenfassung🎜🎜Zu diesem Zeitpunkt haben wir den Prozess der Verwendung von Laravel Socialite zur Implementierung des GitHub Social Login abgeschlossen. Durch einfache Konfiguration und einigen erforderlichen Code können wir problemlos mehrere Social-Login-Methoden implementieren und der Anwendung einige kleine, aber nützliche Funktionen hinzufügen, die für die Verwendung in tatsächlichen Projekten empfohlen werden. 🎜

Das obige ist der detaillierte Inhalt vonLaravel-Entwicklung: Wie implementiert man Social Login mit Laravel Socialite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage