Heim > PHP-Framework > Laravel > Laravel-Entwicklung: Wie implementiert man die Anmeldung von Drittanbietern mit Laravel Socialite und Github?

Laravel-Entwicklung: Wie implementiert man die Anmeldung von Drittanbietern mit Laravel Socialite und Github?

PHPz
Freigeben: 2023-06-13 19:09:00
Original
879 Leute haben es durchsucht

In modernen Webanwendungen ist es zum Trend geworden, Benutzern die schnelle und einfache Anmeldung auf Ihrer Website über ihre Social-Media-Konten zu ermöglichen. Während es möglich ist, ein eigenes Authentifizierungssystem zu implementieren, macht die Verwendung eines Authentifizierungssystems eines Drittanbieters Ihre Anwendung flexibler und benutzerfreundlicher.

In diesem Artikel erfahren Sie, wie Sie die Drittanbieter-Anmeldung mit Laravel Socialite und Github implementieren. Laravel Socialite ist eine Laravel-Erweiterung, die die Integration der Social-Media-Authentifizierung in Ihre Laravel-Anwendung erleichtert. Github ist ein beliebter Git-Repository-Hosting-Dienst, der auch Authentifizierungsdienste von Drittanbietern bereitstellt.

Bevor Sie beginnen, stellen Sie sicher, dass Laravel und Composer installiert sind.

  1. Laravel Socialite installieren

Zuerst müssen wir Laravel Socialite installieren. Führen Sie den folgenden Befehl im Terminal aus:

composer require laravel/socialite
Nach dem Login kopieren

Dieser Befehl lädt das Laravel Socialite-Plugin herunter und installiert es.

  1. Github-App erstellen

Bevor wir uns bei Github anmelden, müssen wir zunächst eine Github-App erstellen, damit wir den Drittanbieter-Authentifizierungsdienst von Github nutzen können.

Besuchen Sie diesen Link und melden Sie sich bei Ihrem Github-Konto an: https://github.com/settings/developers

Klicken Sie dann auf die Schaltfläche „Neue OAuth-App“ und füllen Sie das Formular aus. Geben Sie Ihre Homepage-URL in „Homepage-URL“ und die Rückruf-URL in „Autorisierungs-Rückruf-URL“ ein. Der Zweck dieses Schritts besteht darin, Ihre Anwendung mit Github zu verbinden.

  1. Laravel Socialite konfigurieren

Als nächstes müssen wir Laravel Socialite so konfigurieren, dass es mit der gerade erstellten Github-App kommunizieren kann.

3.1 Github-Treiber hinzufügen

Öffnen Sie die Datei config/services.php und fügen Sie die folgende Konfiguration hinzu: config/services.php 文件并添加以下配置:

'github' => [    
   'client_id' => env('GITHUB_CLIENT_ID'),    
   'client_secret' => env('GITHUB_CLIENT_SECRET'),    
   'redirect' => 'http://your-domain.com/auth/github/callback',    
],
Nach dem Login kopieren

这将创建一个名为“github”的驱动程序,并配置客户端 ID、客户端密钥和回调 URL。请替换“your-domain.com”为您的主页 URL。

3.2 更新 .env 文件

打开 .env 文件并添加以下配置:

GITHUB_CLIENT_ID=your-client-id    
GITHUB_CLIENT_SECRET=your-client-secret    
GITHUB_REDIRECT_URI=http://your-domain.com/auth/github/callback
Nach dem Login kopieren

请替换 your-client-idyour-client-secretyour-domain.com 为您的 Github App 的客户端 ID、客户端密钥和主页 URL。

  1. 创建 Github 登录路由和控制器

现在,我们可以开始实现我们的 Github 登录了。首先,我们需要创建一个 Github 登录路由:

Route::get('auth/github', '[GithubController@login');
Route::get('auth/github/callback', '[GithubController@callback']);
Nach dem Login kopieren

然后,我们需要创建 GithubController 控制器类,并在其中实现 logincallback 方法:

namespace AppHttpControllers;

use IlluminateHttpRequest;
use LaravelSocialiteFacadesSocialite;

class GithubController extends Controller
{
    public function login()
    {
        return Socialite::driver('github')->redirect();
    }

    public function callback(Request $request)
    {
        $user = Socialite::driver('github')->user();
        
        // do something with user data
    }
}
Nach dem Login kopieren

login 方法中,我们使用 Socialite facade 调用 driver 方法指定使用 Github 驱动程序,并使用 redirect 方法生成一个跳转到 Github 登录页面的 URL。

callback 方法中,我们先使用 Socialite facade 调用 driver 方法获取 Github 用户信息,然后可以进行一些逻辑处理。例如,如果该用户是首次登录,可以将用户添加到用户表中,或者将其与已有用户进行关联。

5.测试 Github 登录

现在,我们已经完成了所有的配置和代码,可以测试我们的 Github 登录是否正常工作了。

在浏览器中输入该地址:http://your-domain.com/auth/github。这将转到 Github 登录页面。在页面上输入您的 Github 帐户信息,然后单击“登录”。如果一切正常,您将被重定向到我们在第 3 步中配置的回调 URL。

callback

return view('welcome');
Nach dem Login kopieren
Dadurch wird ein Treiber namens „github“ erstellt und die Client-ID, das Client-Geheimnis und konfiguriert Rückruf-URL. Bitte ersetzen Sie „Ihre-Domain.com“ durch Ihre Homepage-URL.

3.2 .env-Datei aktualisieren

Öffnen Sie die Datei .env und fügen Sie die folgende Konfiguration hinzu:

rrreee

Bitte ersetzen Sie your-client-id, your- client-secret und your-domain.com sind die Client-ID, das Client-Geheimnis und die Homepage-URL Ihrer Github-App.

    Erstellen der Github-Login-Route und des Controllers🎜🎜🎜Jetzt können wir mit der Implementierung unseres Github-Logins beginnen. Zuerst müssen wir eine Github-Anmelderoute erstellen: 🎜rrreee🎜Dann müssen wir die Controller-Klasse GithubController erstellen und login und callback implementieren Methode: 🎜rrreee🎜In der login-Methode verwenden wir die Socialite-Fassade, um die driver-Methode aufzurufen, um den Github-Treiber anzugeben und Die Methode „redirect“ generiert eine URL, die zur Github-Anmeldeseite springt. 🎜🎜In der callback-Methode verwenden wir zunächst die Socialite-Fassade, um die driver-Methode aufzurufen, um die Github-Benutzerinformationen abzurufen, und führen dann einige Schritte aus logische Verarbeitung. Wenn sich der Benutzer beispielsweise zum ersten Mal anmeldet, können Sie den Benutzer zur Benutzertabelle hinzufügen oder ihn einem vorhandenen Benutzer zuordnen. 🎜🎜5. Github-Login testen🎜🎜Da wir nun die gesamte Konfiguration und den Code abgeschlossen haben, können wir testen, ob unser Github-Login ordnungsgemäß funktioniert. 🎜🎜Geben Sie diese Adresse in Ihren Browser ein: http://your-domain.com/auth/github. Dadurch gelangen Sie zur Github-Anmeldeseite. Geben Sie auf der Seite Ihre Github-Kontoinformationen ein und klicken Sie auf Anmelden. Wenn alles in Ordnung ist, werden Sie zu der Rückruf-URL weitergeleitet, die wir in Schritt 3 konfiguriert haben. 🎜🎜Fügen Sie am Ende der callback-Methode den folgenden Code hinzu: 🎜rrreee🎜Dadurch wird der Benutzer nach erfolgreicher Anmeldung auf unsere Willkommensseite weitergeleitet. 🎜🎜Jetzt können Sie testen, ob sich Ihre Anwendung basierend auf der Github-Benutzerauthentifizierung anmelden kann. 🎜🎜Fazit🎜🎜In diesem Artikel haben wir vorgestellt, wie man die Drittanbieter-Authentifizierung mit Laravel Socialite und Github implementiert. Wenn man bedenkt, dass sich Benutzer heutzutage gerne schnell registrieren und anmelden, kann dieser Ansatz Ihre Anwendung benutzerfreundlicher und flexibler machen. 🎜

Das obige ist der detaillierte Inhalt vonLaravel-Entwicklung: Wie implementiert man die Anmeldung von Drittanbietern mit Laravel Socialite und Github?. 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