Fortify forgot password link and reset password functionality.

Hi Folks, I'm having problems with the forgot password link on the login form as well as the reset password form not showing. I'm using fortify, so FortifyService Provider is being used for routing. here is the code I have so far:

FortifyServiceProvider.php:

<?php

namespace App\Providers;

use App\Actions\Fortify\CreateNewUser;
use App\Actions\Fortify\ResetUserPassword;
use App\Actions\Fortify\UpdateUserPassword;
use App\Actions\Fortify\UpdateUserProfileInformation;
use Illuminate\Cache\RateLimiting\Limit;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\RateLimiter;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Str;
use Laravel\Fortify\Fortify;

class FortifyServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     */
    public function register(): void
    {
        //
    }

    /**
     * Bootstrap any application services.
     */
    public function boot(): void
    {
        Fortify::createUsersUsing(CreateNewUser::class);
        Fortify::updateUserProfileInformationUsing(UpdateUserProfileInformation::class);
        Fortify::updateUserPasswordsUsing(UpdateUserPassword::class);
        Fortify::resetUserPasswordsUsing(ResetUserPassword::class);

        Fortify::loginView(function(){
            return view('admin.login');
        });

        Fortify::registerView(function(){
            return view('admin.register');
        });

        Fortify::verifyEmailView(function(){
            return view('admin.verify-email');
        });

        Fortify::requestPasswordResetLInkView(function(){
            return view('admin.forgot-password');
        });

        Fortify::resetPasswordView(function(Request $request){
            return view('admin.reset-password', ['request' => $request]);
        });

        RateLimiter::for('login', function (Request $request) {
            $throttleKey = Str::transliterate(Str::lower($request->input(Fortify::username())).'|'.$request->ip());

            return Limit::perMinute(5)->by($throttleKey);
        });

        RateLimiter::for('two-factor', function (Request $request) {
            return Limit::perMinute(5)->by($request->session()->get('login.id'));
        });
    }
}

also, I have my login and register blade views sitting with an admin folder under views. But my forgot-password and reset-password blade file are broken somehow. Are the routes pointing to right location? What get's sent when you click the password reset link? and with the email that has the reset password link, what code is within that? Do I need to add something to routes/web .php? Trying to figure out whats missing...

forgot-password.blade.php:

@extends('admin.index')
@section('content')
<div class="container-fluid">
<div class="row justify-content-center">
<br>
<div class="col-md-4">
<div class="text-center h4">{{ __('Forgot password?') }}</div>
<div class="mx-auto">
<form method="POST" action="{{ route('admin.forgot-password') }}">
@csrf
<br>
<div class="form-group row justify-content-center">
<div class="col-md-6">
No worries. Just send us your email, and we'll send you a password reset link, that will let you choose a new one.
</div>
</div>
<div class="form-group row justify-content-center">
<div class="col-md-6">
    <input id="email" type="email" placeholder="Your Email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
</div>
</div> 
<div class="form-group row justify-content-center mb-0">
<div class="col-md-6">
<button type="submit" class="btn btn-primary btn-block">
{{ __('Password reset link') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection

reset-password.blade.php:

@extends('admin.index')
@section('content')
<div class="container-fluid">
<div class="row justify-content-center">
<br>
<div class="col-md-4">
<div class="text-center h4">{{ __('Reset Password') }}</div>
<div class="mx-auto">
<form method="POST" action="{{ route('admin.forgot-password') }}">
@csrf

<input type="hidden" name="token" value="{{ $request->route('token') }}">

<br>
<div class="form-group row justify-content-center">
<div class="col-md-6">
<input id="email" type="email" placeholder="Your Email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $request->email) }}" required autocomplete="email">
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row justify-content-center">
<div class="col-md-6">
<input id="password" type="password" placeholder="Your Password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row justify-content-center">
<div class="col-md-6">
<input id="password-confirm" type="password" placeholder="Confirm Password" class="form-control" name="password_confirmation" required autocomplete="new-password">
</div>
</div>

<div class="form-group row justify-content-center mb-0"> 
<div class="col-md-6">
<button type="submit" class="btn btn-primary btn-block">
{{ __('Set New Password') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection

If someone can give me a hand with fixing these, that would be great. cheers.

LaryAI

1 year ago

Level 58

To resolve the issues with the forgot password and reset password functionality using Laravel Fortify, let's go through a few steps to ensure everything is set up correctly.

1. Verify Fortify Configuration

Ensure that your FortifyServiceProvider is correctly configured to handle the views for password reset. It looks like you have already set up the views correctly, but let's double-check the method names and routes.

Fortify::requestPasswordResetLinkView(function () {
    return view('admin.forgot-password');
});

Fortify::resetPasswordView(function (Request $request) {
    return view('admin.reset-password', ['request' => $request]);
});

2. Check Routes

Fortify automatically registers the necessary routes for password reset. However, ensure that your RouteServiceProvider is loading the Fortify routes. You don't need to add anything to routes/web.php for Fortify's password reset functionality.

3. Verify Blade Templates

Ensure that your Blade templates are correctly set up. The forgot-password.blade.php and reset-password.blade.php should be in the resources/views/admin directory.

4. Correct Form Actions

In your Blade templates, ensure the form actions are pointing to the correct routes. Fortify uses specific route names for these actions:

For the forgot password form, use password.email:

<form method="POST" action="{{ route('password.email') }}">

For the reset password form, use password.update:

<form method="POST" action="{{ route('password.update') }}">

5. Check Email Configuration

Ensure your email configuration is set up correctly in .env to send the password reset emails. You should have something like:

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=your_username
MAIL_PASSWORD=your_password
MAIL_ENCRYPTION=tls
[email protected]
MAIL_FROM_NAME="${APP_NAME}"

6. Verify Email Template

Fortify uses Laravel's built-in notifications to send the password reset email. Ensure that your App\Providers\AuthServiceProvider is not overriding the default behavior unless necessary.

7. Debugging

If the forms are still not working, check the following:

Ensure there are no JavaScript errors in the console.
Check the network tab in your browser's developer tools to see if the requests are being sent and if there are any errors.
Look at the Laravel logs in storage/logs/laravel.log for any errors related to the password reset process.

By following these steps, you should be able to resolve the issues with the forgot password and reset password functionality in your Laravel application using Fortify. If you encounter specific errors, feel free to provide more details for further assistance.

Please or to participate in this conversation.