Laravel Vue Passport 是一個基于 Laravel 和 Vue 的插件,用于讓你方便地實現用戶認證和授權。使用此插件可以輕松地在你的應用程序中實現 OAuth2 認證授權的功能。
安裝 Laravel Vue Passport:
$ composer require laravel/passport $ php artisan migrate $ php artisan passport:install
在使用 Laravel Passport 進行用戶認證之前,你需要先定義一個 Passport 客戶端。為此,可以通過控制臺執行以下代碼:
$ php artisan passport:client
這個命令將提示你輸入有關你的應用程序的信息,并創建一個客戶端 ID 和密鑰。然后你可以在你的應用程序中使用這些憑據進行 OAuth2 認證。
在視圖中添加 Passport 的組件:
<passport-clients></passport-clients> <passport-authorized-clients></passport-authorized-clients> <passport-personal-access-tokens></passport-personal-access-tokens>
在你的應用程序中,你可以使用 Laravel Passport 的 API 通過用戶名和密碼進行身份驗證。為此,你可以使用 Laravel 自帶的`Auth`模塊和 `attempt` 方法:
if (Auth::attempt(['email' =>$email, 'password' =>$password])) { $accessToken = Auth::user()->createToken('authToken')->accessToken; return response(['user' =>Auth::user(), 'access_token' =>$accessToken]); } else { return response(['error' =>'Unauthorised'], 401); }
最后,使用 Laravel Vue Passport 當然不能少了前端,在 vue 組件中使用 `passport-client` 和 `passport-access-token` 就可以輕松獲得 OAuth 認證后的訪問權限和用戶信息。
上一篇html 界面居中代碼
下一篇css3音樂元素