Configuring Post-Logout Redirect URI in ABP Based Blazor Applications with OpenIddict

How can you redirect a user to the homepage after logout rather then the "You have been logged out" page? Let's find out!

OpenIddict module provides authentication features like single sign-on, single log-out, and API access control. While it comes pre-installed in ABP applications, the default post-logout redirect URI (/authentication/logout-callback) shows a generic logout page:

The default post logout redirect page is part of the built-in authentication of ASP.NET Core. For more information about customizing authentication UI, see the ASP.NET Core Blazor WebAssembly additional security scenarios documentation.

Let's modify this to redirect users to a more useful page after logout.

Quick Solution

1. Update OpenIddictDataSeedContributor with your desired redirect URL

2. Run DbMigrator to apply changes

3. Configure the Blazor client to match the new URL

Detailed Implementation

1. Updating OpenIddictDataSeedContributor

Find OpenIddictDataSeedContributor in your domain project (typically *.Domain for layered applications). Look for the CreateApplicationsAsync method:

Click to see the code in Github Gist: OpenIddictDataSeedContributor.cs

Change the postLogoutRedirectUri to your desired location. Common options include:

// Redirect to home page
postLogoutRedirectUri: $"{blazorRootUrl}",

// Redirect to login page
postLogoutRedirectUri: $"{blazorRootUrl}/authentication/login",

// Redirect to custom page
postLogoutRedirectUri: $"{blazorRootUrl}/custom-logout",

2. Update Database

Run the DbMigrator project to apply your changes:

cd src/YourProject.DbMigrator
dotnet run

3. Configure Blazor Client

Find your Blazor module class (usually *BlazorClientModule.cs) and update the ConfigureAuthentication method:

Click to see the code in Github Gist: BlazorClientModule.cs

Add the following line to specify your desired post-logout redirect URI:

options.ProviderOptions.PostLogoutRedirectUri = "{your-desired-page}";

That's it. Now, when you logout, the Blazor application will redirect to the page you specified and since you have configured the Blazor application definition's post-logout redirect URI to the same page, it will work as expected.

Troubleshooting

• If redirection doesn't work, check that both URIs match exactly (including trailing slashes)

• Verify DbMigrator ran successfully

• Clear browser cookies if testing changes

• Check the browser console for any OIDC-related errors

Summary

By updating both the OpenIddict configuration and Blazor client settings, you can customize where users land after logging out. This creates a better user experience than the default logout page.

I hope you found this article useful. Thank you for reading :)