Laravel 開発: Laravel Socialite と Twitter を使用してサードパーティのログインを実装するにはどうすればよいですか?-Laravel-php.cn

Laravel 開発: Laravel Socialite と Twitter を使用してサードパーティのログインを実装するにはどうすればよいですか?

PHPz

リリース： 2023-06-15 18:18:34

オリジナル

1403 人が閲覧しました

インターネットの発展に伴い、サードパーティのログインは多くの Web サイトやアプリケーションで不可欠な部分になりました。 Laravel Socialite は、Laravel フレームワークで非常に人気のあるソーシャルログイン拡張機能で、Facebook、Twitter、Google、GitHub などのソーシャルメディアプラットフォームへのログインを簡単に実装できます。この記事では、Laravel SocialiteとTwitterを使ったサードパーティログイン機能の実装方法を紹介します。

Laravel Socialite の紹介

Laravel Socialite は、Laravel 5.0 以降に追加された、ソーシャルメディアのログイン認証機能を実装するための公式拡張パッケージです。現在、Facebook、Twitter、Google、LinkedIn、GitHub、Bitbucket などのソーシャルメディアプラットフォームをサポートしています。

Laravel Socialite を使用すると、ユーザーのソーシャルメディアアカウントをアプリケーションに簡単にバインドし、クイックログイン、登録、その他の機能を実装できます。これにより、ユーザーの登録負担が大幅に軽減され、ユーザーエクスペリエンスが向上します。

Twitter 開発者アカウントの登録

Laravel Socialite と Twitter をサードパーティのログインに使用し始める前に、API キーと秘密キーを取得するために Twitter 開発者アカウントを登録する必要があります。

[Twitter 開発者プラットフォーム](https://developer.twitter.com/en/apps) にアクセスしてください。
[アプリの作成] をクリックし、アプリケーションの名前、説明、Web サイトのアドレス、その他の情報を入力して、[作成] をクリックします。
アプリケーションインターフェイスに入り、[キーとトークン] タブをクリックすると、コンシューマー API キーとアクセストークンとシークレットが表示されます。
Consumer API キーの API キーと API シークレットキーをコードにコピーします。

Laravel Socialite のインストール

次に、Laravel にソーシャルログイン機能を簡単に実装するために、まず Laravel Socialite をインストールする必要があります。

ターミナルで、次のコマンドを使用して Laravel Socialite をインストールします。
```
composer require laravel/socialite
```
ログイン後にコピー
config/app.php file Laravel Socialite サービスプロバイダーを providers 配列に追加します:
```
LaravelSocialiteSocialiteServiceProvider::class,
```
ログイン後にコピー
Socialite ファサードを同じ構成の aliases 配列に追加しますファイルエイリアス:
```
'Socialite' => LaravelSocialiteFacadesSocialite::class,
```
ログイン後にコピー

上記の手順を完了すると、Laravel Socialite が Laravel プロジェクトにインストールされました。

Laravel Socialite の設定

Twitter のサードパーティログイン機能の実装を開始する前に、Laravel Socialite に関連する設定を行う必要があります。

Twitter の API キーと秘密キーを .env ファイルに設定します:
```
TWITTER_CLIENT_ID=your-twitter-app-id
TWITTER_CLIENT_SECRET=your-twitter-app-secret
TWITTER_CALLBACK_URL=your-app-callback-url
```
ログイン後にコピー
このうち、TWITTER_CALLBACK_URL は Twitter ですコールバックアドレス。コールバックアドレスは Twitter 開発者プラットフォームで設定する必要があります。具体的な設定方法は、アプリケーションによって設定されたコールバック URL (http://yourapp.com/ など) にコールバックアドレスを入力することです。認証/twitter/コールバック)。

#Twitter 設定を

config/services.php ファイルに追加します:

'twitter' => [
 'client_id' => env('TWITTER_CLIENT_ID'),
 'client_secret' => env('TWITTER_CLIENT_SECRET'),
 'redirect' => env('TWITTER_CALLBACK_URL'),
],

ログイン後にコピー

Laravel Socialite use

Laravel Socialite のインストールと構成が完了したら、それを使用して Twitter サードパーティログイン機能を実装できます。

ページルーティング

まず、ユーザーが Twitter 経由でログインできるようにログインページを提供する必要があります。 Laravel プロジェクトのルーティングファイルでページルートを定義できます。

Route::get('/login', function () {
    return view('login');
});

ログイン後にコピー

ここでは、ログインページを表示するための

/login というページルートを定義します。このページにはリンクが含まれており、ユーザーがリンクをクリックすると、ログイン認証のために Twitter システムにジャンプします。

ログイン関数の実装

ログインページでリンクを追加し、Laravel Socialite の

redirect() メソッドを呼び出して Twitter ログイン認証を実装できます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><a href="{{ route('twitter.login') }}">Login with Twitter</a></pre><div class="contentsignin">ログイン後にコピー</div></div> 認証が完了すると、Twitter システムは

TWITTER_CALLBACK_URL

に設定したコールバック URL にユーザーをリダイレクトします。コールバックアドレスでは、Twitter から返される承認情報とアクセストークンを受け取るルートを定義する必要があります。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>Route::get('/auth/twitter/callback', function () { $user = Socialite::driver('twitter')->user(); // 处理用户信息和 Access Token });</pre><div class="contentsignin">ログイン後にコピー</div></div>ルート内で Laravel Socialite の driver()<p> メソッドを呼び出して渡します。 Twitter 設定された名前 (例: <code>twitter) は、ユーザーの認証情報とアクセストークンを取得するために使用できます。次に、ユーザー情報をデータベースに保存する、新しいユーザーを作成する、自動ログインするなど、ニーズに応じてユーザー情報を処理できます。

概要