Скачать или смотреть How to Create Cleaner URLs in ASP.NET MVC 5 with Redirects

Learn how to simplify your URL structure in `ASP.NET MVC 5` by redirecting users from the standard controller action URL to a cleaner URL format.
---
This video is based on the question https://stackoverflow.com/q/69373746/ asked by the user 'Brendan Vogt' ( https://stackoverflow.com/u/225799/ ) and on the answer https://stackoverflow.com/a/69374055/ provided by the user 'Arsen' ( https://stackoverflow.com/u/3279421/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Redirecting a controller and action method to its URL

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Create Cleaner URLs in ASP.NET MVC 5 with Redirects

In the world of web development, presentation matters, especially when it comes to URLs. A clean and simple URL is not only more user-friendly, but it also looks more professional. If you're working on an ASP.NET MVC 5 project and want to convert your default URL structure into something more succinct, you're in the right place!

The Problem

You may have noticed that your ASP.NET MVC 5 project generates URLs based on the controller and action method names. For example, to access an "AGM" page, your users would need to visit a long URL, such as:

[[See Video to Reveal this Text or Code Snippet]]

Not only does this look uninviting, but it can also be cumbersome to share, especially with larger audiences like press releases. The goal here is to transform that lengthy URL into something much cleaner:

[[See Video to Reveal this Text or Code Snippet]]

To achieve this, you'll need to implement a simple redirect mechanism and configure your route settings properly. Let's break this down into manageable steps.

Step 1: Configure Your Route

First, navigate to your RouteConfig.cs file. This is where you'll set up custom routing for your application. You'll need to add a new route mapping specifically for your "AGM" page. Here’s how to do it:

[[See Video to Reveal this Text or Code Snippet]]

Explanation:

name: This is just an identifier for your route.

url: The string "agm" is what users will type into their browsers to access your page.

defaults: This tells the routing engine that when users request "agm", the application should look for the AGM action in the Home controller.

Step 2: Implement a Redirect in Your Action Method

Next, you need to ensure that if users type the old URL (www.example.com/Home/AGM), they get redirected to the new clean URL (www.example.com/agm). You can do this within the AGM action method in the HomeController. Here's the code you need:

[[See Video to Reveal this Text or Code Snippet]]

Explanation:

Request.Path: This checks the current URL path that the user has entered.

ToLower(): This method ensures that the comparison is case-insensitive.

Redirect(): If the user navigates to the outdated URL, this command redirects them to the new URL.

Putting It All Together

With both steps implemented, you’ll have the functionality that allows users to type in either the old URL or the new one, while only showing the cleaner URL path in their browser. Here’s a recap of what you've achieved:

Customized Route: You've created a cleaner routing setup that allows users to access the AGM page with a simplified URL.

Redirection Logic: You've set up a check in your action method to gracefully redirect users from the old URL to the new one.

Conclusion

Creating cleaner URLs in your ASP.NET MVC 5 application not only improves the aesthetics of your site but can also enhance user experience and SEO performance. By following these steps, you can effectively redirect users to a more appealing URL structure without losing functionality. Happy coding!