Tutorial Laravel #27 : Membuat Reset Password Laravel Via Email


Reset Password Laravel Via Email – Sebelumnya kita telah belajar tentang cara membuat login dan register pada laravel, pada tutorial ini kita akan melanjutkan tutorial laravel sebelumnya, masih tentang fitur login.

Jika teman-teman memiliki akun facebook, github, twitter dan website lainnya, pada saat login teman-teman pasti pernah melihat link “Lupa Password” yang biasanya terletak di halaman login website-website tersebut.

Bahkan pasti teman-teman pernah menggunakan fitur tersebut untuk me-reset password pada saat teman-teman lupa password.

Dimana nantinya akan dikirimkan email konfirmasi reset password ke email teman-teman secara otomatis untuk mengubah password atau menginput password baru teman-teman.

Nah, di laravel sudah ada fitur untuk membuat reset password via email dengan mudah dan cepat seperti website-website tersebut.

Reset Password Laravel Via Email

Reset Password Laravel Via Email

Yuk langsung simak tutorial membuat reset password user dengan email di laravel berikut.

Reset Password Laravel Via Email

Disarankan kepada teman-teman untuk membaca tutorial sebelumnya dulu tentang cara membuat login dan register dengan laravel.

Persiapan Project

Langkah pertama kita akan mempersiapkan project laravel kita terlebih dulu. jika teman-teman sudah mengikuti tutorial sebelumnya tentang membuat login dan register, teman-teman bisa melewati step ini.

Buka terminal atau command promt teman-teman, kita akan membuat project baru laravel dengan nama “laravelku”.

composer create-project –prefer-dist laravel/laravel laravelku

Persiapan Database

Setelah selesai, selanjutnya kita akan membuat database dan table-table yang dibutuhkan.

Disini saya membuat database dengan nama “laravelku“.

Atur konfigurasi database laravelnya pada file .env.

.env

Silahkan teman-teman sesuaikan dengan username, password mysql dan nama databasenya.

Kita bisa langsung migrate file-file migration yang telah disiapkan secara default pada project laravel. masuk ke direktori project dari terminal atau command prompt dan jalankan perintah artisan berikut.

php artisan migrate

Setelah selesai, selanjutnya kita buat authentikasi pada laravel.

Membuat Autentikasi Laravel

Untuk membuat sistem autentikasi atau login, sudah dijelaskan sebelumnya pada tutorial membuat login dan register.

Jalankan perintah berikut.

php artisan make:auth

Setelah mengetikkan perintah artisan di atas, maka sekarang kita akan punya halaman login dan register.

Silahkan teman-teman klik pada menu register, dan buat akun baru untuk percobaan kita.

di sini saya sudah mendaftar dengan detail sebagai berikut:

  • Nama : Diki Alfarabi Hadi
  • Email : diki@malasngoding.com
  • Password : diki123

Mailtrap.io

Selanjutnya kita akan langsung belajar bagaimana membuat fitur reset password atau fitur lupa password via email.

Sebenarnya segala sesuatunya sudah dipersiapkan dengan lengkap oleh laravel, hanya saja sistem kita belum bisa mengirimkan email konfirmasi reset password secara otomatis ke client/user. karena kita belum menghubungkan project kita dengan mail service.

Untuk itu kita perlu SMTP server. SMTP adalah singkatan dari Simple Mail Transfer Protocol. SMTP digunakan untuk mengirim komunikasi ke server. untuk mengirimkan email ke penerima.

Untuk percobaan, kita bisa menggunakan Mailtrap.io secara gratis.

Mailtrap adalah fake SMTP server untuk percobaan. kita bisa menggunakan mailtrap untuk membuat simulasi percobaan pengiriman dan penerimaan email pada saat proses pengembangan aplikasi atau website. sebelum akhirnya aplikasi atau website kita benar-benar di publis.

Bagaimana cara menggunakan mailtrap? simak penjelasan berikut.

Mendaftar Di Mailtrap.io

Untuk menggunakan mailtrap, silahkan teman-teman mendaftar di situs resminya. yaitu https://mailtrap.io/.

mailtrap laravel

mailtrap laravel

Setelah mendaftar, silahkan login. dan klik pada Demo inbox,

mendaftar di mailtrap

mendaftar di mailtrap

Maka teman-teman akan mendapat Credentials dari mailtrap.

konfigurasi mailtrap

konfigurasi mailtrap

Nah, username dan password inilah yang akan kita masukkan ke project laravel kita untuk menghubungkan project laravel dengan mailtrap.

Konfigurasi Mailtrap Di Laravel

Buka file .env. dan isikan username dan password SMTP yang teman-teman dapatkan dari mailtrap.

.env

Jangan isi username dan password yang sama dengan yang ada di tutorial ini, karena tidak akan berjalan. silahkan teman-teman isi dengan username dan password SMTP yang teman-teman dapatkan sendiri di akun teman-teman.

Oh ya, jangan lupa untuk mengatur APP_URL nya juga dengan menambahkan port 8000 jika teman-teman mengakses project laravel nya melalui http://localhost:8000.

dan teman-teman tidak perlu melakukan pengaturan ini jika teman-teman mengakses project laravelnya langsung melalui http://localhost/laravelku/public.

Selanjutnya kita sudah siap untuk menggunakan

Testing

Sekarang fitur reset password telah siap digunakan, karena saya ingin mengakses project laravel saya melalui http://localhost:8000, maka saya jalankan projectnya dengan perintah artisan berikut.

php artisan serve

akses http://localhost:8000 dan klik lupa password pada halaman login. maka kita akan diarahkan ke halaman konfirmasi email. masukkan email anda tadi. di sini saya mengisi email akun saya yaitu diki@malasngoding.com.

reset password user dengan laravel

reset password user dengan laravel

Klik Send Password Reset Link. Kemudian akan muncul pemberitahuan bahwa link untuk me-reset password telah dikirimkan ke email.

reset password melalui email

reset password melalui email

Sekarang kita cek pada akun mailtrap.io kita, apakah benar emailnya sudah masuk.

email reset password user laravel

email reset password user laravel

Nah, sudah ada email baru yang masuk. buka email tersebut. itu adalah email konfirmasi reset password atau ganti password untuk user yang melakukan reset password.

reset password user

reset password user

Klik pada tombol reset password. dan akan dialihkan ke halaman ubah password.

masukkan password baru

masukkan password baru

Isi kembali emailnya, isi password baru dan konfirmasi passwordnya. maka kita akan dialihkan ke halaman dashboard. dan akan muncul pemberitahuan bahwa password telah direset.

fitur lupa password laravel

fitur lupa password laravel

Nah selesai sudah teman-teman, cara membuat reset password melalui email dengan menggunakan mailtrap di laravel.

Bukan cuma digunakan untuk percobaan pengiriman email reset password, mailtrap juga bisa kita gunakan untuk membuat percobaan pengiriman email broadcast, notification dan lain-lain.

Ingat sekali lagi, mailtrap hanya sebagai tempat percobaan pengiriman email dari sistem kita, setelah nantinya aplikasi atau website kita dipublish, kita bisa menggunakan SMTP server lainnya seperti gmail, atau server teman-teman sendiri.

 

Incoming search terms:

  • html5 games
  • membuat coding untuk lupa password laravel



Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

TUTORIAL MENARIK LAINNYA

relasi one to many eloquent laravel
Diskusi
3 Komentar
  • Alexander Fransiskus Asisi 1 week ago

    Tutorial mantep bang, membantu saya banget bikin aplikasi sederhana buat kantor saya.

    Kalau boleh usul, bikin tutorial cara upload file foto dalam form gitu dong bang. Makasih

    • Diki Alfarabi Hadi 4 days ago

      sip mas, di part selanjutnya pasti masuk ke tutorial upload foto dengan laravel mas

  • Alexasisi 4 days ago

    tes


Tulis Komentar / Pertanyaan

Your email address will not be published. Required fields are marked *