Laravel Fortify #3 - Fitur Forgot Password dan Reset Password

 


Halo teman semua, kali ini kita akan membuat fitur forgot password dan reset password dengan fortify, jadi kita akan membuat request melalui form forgot password dan akan mengirim link untuk melakukan reset password melalui email.


Kita akan memanfaatkan mailtrap untuk mengirim link reset passwordnya, mailtrap adalah layanan email fake yang digunakan untuk pengujian tanpa  harus mengirim ke email aslinya.


Daftar Mailtrap

Pertama kita harus daftar mailtrap agar mendapat username dan password untuk smtp kirim email, kita bisa kunjungi url https://mailtrap.io/, setelah mendaftar masuk ke My Inbox dan kita dapat melihat username serta password untuk smtp-nya :


Note: Pada bagian integrations bisa diubah ke Laravel agar lebih mudah menemukan username dan password smtp-nya.

Selanjutnya kita buka file .env pada project laravel kita, dan cari bagian berikut :


Note: Pada MAIL_USERNAME dan MAIL_PASSWORD isi dengan username dan password yang didapat dari mailtrap.


Membuat View Forgot Password

Selanjutnya buka folder resources/views/auth dan buat file  baru dengan nama forgot-password.blade.php lalu masukkan kode berikut :


Note: Pada kode diatas, action form kita arahkan ke route password.email dengan method POST.


Selanjutnya buka url http://127.0.0.1:8000/forgot-password lalu masukkan email yang telah digunakan untuk registrasi sehingga tampilan seperti berikut :


Selanjutnya klik Send Password Reset Link dan akan tampil seperti berikut :


Kemudian cek My Inbox di Mailtrap, kita akan mendapat email berupa link untuk melakukan reset password, kurang lebih seperti berikut :


Selanjutnya klik Reset Password dan kita akan mendapat error seperti berikut :


Error tersebut muncul karena kita belum membuat view untuk reset passwordnya, sekarang langsung kita buat view untuk reset password ini.


Membuat View Reset Password

Pertama buka folder resources/views/auth/ dan buat file baru dengan nama reset-password.blade.php lalu masukkan kode berikut :


Note: Pada kode diatas, action form kita arahkan ke route password.update dengan method POST dan kita menambahkan input dengan type hidden yang mengambil value berupa token untuk melakukan reset password.


Selanjutnya buka klik Reset Password kembali dan masukkan email yang telah didaftarkan serta email baru sehingga akan muncul tampilan sebagai berikut :


Berikutnya klik Reset Password dan kita akan dibawa ke halaman login seperti berikut :

Silahkan masukkan email yang telah didaftarkan dan password yang baru dibuat, lalu klik login.


Dan kita telah berhasil login dengan password baru.


Kita telah berhasil membuat fitur forgot password dan reset password dengan fortify, jika teman-teman memiliki pertanyaan atau saran mengenai artikel ini, silahkan tinggalkan komentar pada form dibawah, semoga artikel ini bermanfaat bagi teman-teman.


Terima Kasih...

by : Muhammad Agus Hermawan
Jombang Dev Software Developer

Belum ada Komentar untuk "Laravel Fortify #3 - Fitur Forgot Password dan Reset Password"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel