重設密碼
簡介
大多數的 Web App 都提供了能讓使用者重設密碼的功能。在 Laravel 中,我們不需要為密碼重設重造輪子,Laravel 已提供了方便的服務,可讓我們傳送密碼重設連結並安全地重設密碼。
想要快速入門嗎?請在全新的 Laravel 應用程式內安裝一個 Laravel 應用程式入門套件。這些入門套件會幫你搞定整個驗證系統的 Scaffolding,其中也包含了重設忘記密碼的支援。
Model 的準備
在使用 Laravel 的密碼重設功能前,專案中的 App\Models\User
Model 必須使用 Illuminate\Notifications\Notifiable
Trait。一般來說,在 Laravel 新專案中,預設的 App\Models\User
內已包含了該 Trait。
接著,請確認一下 App\Models\User
Model 是否有實作 Illuminate\Contracts\Auth\CanResetPassword
Contract。Laravel 中包含的 App\Models\User
Model 已經有實作該介面了,且這個 Model 還使用了 Illuminate\Auth\Passwords\CanResetPassword
Trait 來提供實作該介面所需要的各個方法。
資料庫的準備
我們需要一個資料表來保存網站的密碼重設 Token。在預設 Laravel 中已包含了用於建立該資料表的 Migration,因此我們只需要進行 Migrate 即可建立該資料表:
1php artisan migrate
1php artisan migrate
設定信任的主機 (Trusted Hosts)
預設情況下,無論收到的 HTTP Request 中 Host
標頭內容為何,Laravel 都會回應所有收到的 Request。此外,Laravel 還會使用 Host
標頭的值來在 Request 中產生絕對路徑的網址。
一般來說,應在 Web Server 上 (如 Nginx 或 Apache) 設定只有特定的主機名稱時才將 Request 送往你的程式中。不過,若沒機會能自訂 Web Server,則需要讓 Laravel 只對特定主機名稱作回應。為此,可以啟用專案中的 App\Http\Middleware\TrustHosts
Middleware。若網站要提供密碼重設功能,設定 Trust Host 就非常重要。
若要瞭解更多有關該 Middleware 的資訊,請參考 TrustHosts
Middleware 的說明文件。
路由
若要正確實作讓使用者重設密碼的功能,我們需要定義多個 Route。首先,我們需要一組用來讓使用者通過 E-Mail 位址要求密碼重設連結的 Route。接著,我們需要定義一組 Route 來實際處理密碼重設功能,即,處理使用者點擊信件中的密碼重設連結後顯示與送出密碼重設表單的 Route。
要求密碼重設連結
要求密碼重設連結的表單
首先,我們需要定義一個用來要求密碼重設連結的 Route。首先,我們先定義一個回傳 View 的 Route,該 View 即為要求密碼重設連結的表單:
1Route::get('/forgot-password', function () {2 return view('auth.forgot-password');3})->middleware('guest')->name('password.request');
1Route::get('/forgot-password', function () {2 return view('auth.forgot-password');3})->middleware('guest')->name('password.request');
該 Route 所回傳的 View 應包含一個 email
欄位,該欄位用來讓使用者可使用給定的 E-Mail 位址要求密碼重設連結。
處理表單的送出
接著,我們需要定義一個 Route 來處理「忘記密碼」View 送出的表單。這個 Route 會負責驗證 E-Mail 位址,並寄出密碼重設連結給對應的使用者:
1use Illuminate\Http\Request;2use Illuminate\Support\Facades\Password;34Route::post('/forgot-password', function (Request $request) {5 $request->validate(['email' => 'required|email']);67 $status = Password::sendResetLink(8 $request->only('email')9 );1011 return $status === Password::RESET_LINK_SENT12 ? back()->with(['status' => __($status)])13 : back()->withErrors(['email' => __($status)]);14})->middleware('guest')->name('password.email');
1use Illuminate\Http\Request;2use Illuminate\Support\Facades\Password;34Route::post('/forgot-password', function (Request $request) {5 $request->validate(['email' => 'required|email']);67 $status = Password::sendResetLink(8 $request->only('email')9 );1011 return $status === Password::RESET_LINK_SENT12 ? back()->with(['status' => __($status)])13 : back()->withErrors(['email' => __($status)]);14})->middleware('guest')->name('password.email');
在繼續之前,我們先來詳細看看這個 Route。首先,會先驗證 Request 的 email
屬性。接著,我們使用 Laravel 內建的「Password Broker」(在 Password
Facade 上) 來傳送密碼重設連結給該使用者。Password Broker 會負責使用給定的欄位 (在這個例子中是 E-Mail 位址) 來取得使用者,並使用 Laravel 內建的通知系統來傳送密碼重設連結給使用者。
sendResetLink
方法會回傳一個「status」slug。我們可以使用 Laravel 的[本土化]輔助函式來翻譯這個「status」,以顯示使用者友善的訊息告知使用者其密碼要求狀態。密碼重設的翻譯會依據專案中的 lang/{lang}/passwords.php
語系檔來判斷。在 passwords
語系檔中,所有可能的 status slug 值都有對應的欄位。
讀者可能會想,在呼叫 Password
Facade 的 sendResetLink
時,Laravel 是怎麼知道要如何從專案資料庫中取得使用者記錄的?其實,Laravel 的 Password Broker 使用了身份驗證系統的「User Providers」來取得資料庫記錄。Password Broker 使用的 User Provider 設定在 config/auth.php
設定檔中的 password
設定陣列中。如欲瞭解更多有關如何撰寫自定 User Provider 的資訊,請參考身份驗證說明文件。
手動實作密碼重設功能時,我們需要自行定義這些 View 的內容與 Route。若想要有包含所有必要之身份驗證與驗證 View 的 Scaffolding,請參考 Laravel 專案入門套件。
重設密碼
密碼重設表單
接著,我們還需要定義一個 Route,能讓使用者在點擊信件中的密碼重設連結後能真的重設密碼。首先,我們先定義一個在使用者點擊密碼重設連結後顯示密碼重設表單的 Route。這個 Route 會收到一個 token
參數,我們在稍後會用來驗證這個密碼重設 Request。
1Route::get('/reset-password/{token}', function ($token) {2 return view('auth.reset-password', ['token' => $token]);3})->middleware('guest')->name('password.reset');
1Route::get('/reset-password/{token}', function ($token) {2 return view('auth.reset-password', ['token' => $token]);3})->middleware('guest')->name('password.reset');
該表單回傳的 View 應顯示一個表單,其中需包含 email
、password
、password_confirmation
等欄位,以及一個隱藏的 token
等欄位,該 token
欄位中應包含該 Route 所收到的私密 Token $token
值。
處理表單的送出
當然,我們還需要定義一個實際用來處理表單送出的 Route。這個 Route 要負責驗證連入的 Request,並更新資料庫中該使用者的密碼:
1use Illuminate\Auth\Events\PasswordReset;2use Illuminate\Http\Request;3use Illuminate\Support\Facades\Hash;4use Illuminate\Support\Facades\Password;5use Illuminate\Support\Str;67Route::post('/reset-password', function (Request $request) {8 $request->validate([9 'token' => 'required',10 'email' => 'required|email',11 'password' => 'required|min:8|confirmed',12 ]);1314 $status = Password::reset(15 $request->only('email', 'password', 'password_confirmation', 'token'),16 function ($user, $password) {17 $user->forceFill([18 'password' => Hash::make($password)19 ])->setRememberToken(Str::random(60));2021 $user->save();2223 event(new PasswordReset($user));24 }25 );2627 return $status === Password::PASSWORD_RESET28 ? redirect()->route('login')->with('status', __($status))29 : back()->withErrors(['email' => [__($status)]]);30})->middleware('guest')->name('password.update');
1use Illuminate\Auth\Events\PasswordReset;2use Illuminate\Http\Request;3use Illuminate\Support\Facades\Hash;4use Illuminate\Support\Facades\Password;5use Illuminate\Support\Str;67Route::post('/reset-password', function (Request $request) {8 $request->validate([9 'token' => 'required',10 'email' => 'required|email',11 'password' => 'required|min:8|confirmed',12 ]);1314 $status = Password::reset(15 $request->only('email', 'password', 'password_confirmation', 'token'),16 function ($user, $password) {17 $user->forceFill([18 'password' => Hash::make($password)19 ])->setRememberToken(Str::random(60));2021 $user->save();2223 event(new PasswordReset($user));24 }25 );2627 return $status === Password::PASSWORD_RESET28 ? redirect()->route('login')->with('status', __($status))29 : back()->withErrors(['email' => [__($status)]]);30})->middleware('guest')->name('password.update');
在繼續之前,我們先來仔細看看這個 Route。首先,在這個 Route 中會先驗證 Request 的 token
、email
、password
等欄位。接著,我們 (通過 Password
Facade) 使用 Laravel 內建的「Password Broker」來驗證密碼重設 Request 是否有效。
若傳給 Password Broker 的 Token、E-Mail 位址、密碼等均正確,則會呼叫傳給 reset
方法的閉包。這個閉包會收到 User 實體以及傳給密碼重設表單的明文密碼。在該閉包中,我們就可以更新資料庫中該使用者的密碼。
reset
方法會回傳一個「status」slug。我們可以使用 Laravel 的本土化輔助函式來翻譯這個「status」,以顯示使用者友善的訊息告知使用者其密碼要求狀態。密碼重設的翻譯會依據專案中的 lang/{lang}/passwords.php
語系檔來判斷。在 passwords
語系檔中,所有可能的 status slug 值都有對應的欄位。
在繼續之前,讀者可能會想,在呼叫 Password
Facade 的 reset
時,Laravel 是怎麼知道要如何從專案資料庫中取得使用者記錄的?其實,Laravel 的 Password Broker 使用了身份驗證系統的「User Providers」來取得資料庫記錄。Password Broker 使用的 User Provider 設定在 config/auth.php
設定檔中的 password
設定陣列中。如欲瞭解更多有關如何撰寫自定 User Provider 的資訊,請參考身份驗證說明文件。
刪除過期的 Token
過期的密碼重設連結會繼續保存在資料庫中。不過,我們可以使用 auth:clear-resets
Artisan 指令來輕鬆刪除這些記錄:
1php artisan auth:clear-resets
1php artisan auth:clear-resets
若想自動化這個過程,可以考慮將該指令加入專案的排程任務中:
1$schedule->command('auth:clear-resets')->everyFifteenMinutes();
1$schedule->command('auth:clear-resets')->everyFifteenMinutes();
自定
自定重設連結
我們可以使用 ResetPassword
通知類別的 createUrlUsing
方法來自定密碼重設連結的網址。這個方法接受一個閉包,該閉包會收到要接收通知的使用者實體,以及密碼重設連結的 Token。一般來說,我們可以在 App\Providers\AuthServiceProvider
Service Provider 的 boot
方法內呼叫這個方法:
1use Illuminate\Auth\Notifications\ResetPassword;23/**4 * Register any authentication / authorization services.5 *6 * @return void7 */8public function boot()9{10 $this->registerPolicies();1112 ResetPassword::createUrlUsing(function ($user, string $token) {13 return 'https://example.com/reset-password?token='.$token;14 });15}
1use Illuminate\Auth\Notifications\ResetPassword;23/**4 * Register any authentication / authorization services.5 *6 * @return void7 */8public function boot()9{10 $this->registerPolicies();1112 ResetPassword::createUrlUsing(function ($user, string $token) {13 return 'https://example.com/reset-password?token='.$token;14 });15}
自定重設 E-Mail
我們也可以輕鬆調整用來傳送密碼重設連結給使用者的通知類別。若要自定該通知,請在 App\Models\User
Model 中複寫 sendPasswordResetNotification
方法。在該方法中,我們可以使用任何一個自行建立的 Notification 類別來傳送通知。該方法的第一個引數是密碼重設連結的 $token
。我們可以使用這個 $token
來建立我們自已的密碼重設連結並用來傳送通知給使用者:
1use App\Notifications\ResetPasswordNotification;23/**4 * Send a password reset notification to the user.5 *6 * @param string $token7 * @return void8 */9public function sendPasswordResetNotification($token)10{11 $url = 'https://example.com/reset-password?token='.$token;1213 $this->notify(new ResetPasswordNotification($url));14}
1use App\Notifications\ResetPasswordNotification;23/**4 * Send a password reset notification to the user.5 *6 * @param string $token7 * @return void8 */9public function sendPasswordResetNotification($token)10{11 $url = 'https://example.com/reset-password?token='.$token;1213 $this->notify(new ResetPasswordNotification($url));14}