Friendly URLs in ASP.NET MVC 6 (ASP.NET Core or ASP.NET5)

Question

In my web site I have this kind of URLs:

https://www.mywebsite.com/View/Index/{MongoDbId}

The Controller return a View with the product details.

My product class DTO (just important fields)

public class ProductDto
{
   public string Id {get; set;}
   public string Name {get; set;}
}

In this moment I have a controller called View, and an Index method that process the request, but I would like to have something like this:

https://www.mywebsite.com/v/56b8b8801561e80c245a165c/amazing-product-name

What is the best way to implement this?

I have read about routing in ASP.NET Core (official project on GitHub), but I don't have very clear how to do.

Thanks!!

If you want your URLs to be 100% SEO friendly (with no ID in the URL), the best way is to use data-driven routing by implementing IRouter. — NightOwl888
– NightOwl888, Commented Mar 11, 2016 at 16:23
But I have about 80000 items, and more... Can I use it without performance problems? — chemitaxis
– chemitaxis, Commented Mar 11, 2016 at 16:56
I am just saying there are other options than the accepted answer. You will definitely get better performance with that solution, but your site may not rank as well in the SERPs as a site without an ID in the URL. There is no one-size fits all solution for everyone, you need to decide based on whether performance or SEO is more important. Of course, when using caching (as shown in the answer) performance will depend on how much memory you have available and how well you have optimized your route instances into different caches based on URL popularity. — NightOwl888
– NightOwl888, Commented Mar 11, 2016 at 17:08

Marcin Zablocki · Accepted Answer · 2016-03-11 15:38:23Z

To globally configure routing in ASP.NET Core, use extension method in Startup.cs:

 app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "{controller=Home}/{action=Index}/{id?}");
            });

In your case, for url: https://www.mywebsite.com/v/56b8b8801561e80c245a165c/amazing-product-name it could look like this:

 app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "v/{customId}/{customName}",
                    defaults : new{controller = "View", action = "Index"});
            });

And then your action should handle customId and customName parameters as follows:

public IActionResult Index(string customId, string customName)
{
   //customId will be 56b8b8801561e80c245a165c
   //customName will be amazing-product-name
}

For more info about routing in ASP.NET Core go to: http://docs.asp.net/en/latest/fundamentals/routing.html?highlight=routing

Thanks @Marcin ;) Good answer ;) Can you please update in this case: mywebsite.com/v/56b8b8801561e80c245a165c/amazing-product-name (the different is what the name is not with "-", is with "/"

Jared Stroebele · Accepted Answer · 2016-03-11 15:25:21Z

0

You can create Vanity URLs in the .NET framework using Routing. attribute-routing-in-asp-net-mvc-5

The basic overview is you can decorate your actions like this:

[Route("Album/Edit/{id:int}")] public ActionResult Edit(int id)

edited Mar 11, 2016 at 15:25

answered Mar 11, 2016 at 15:20

Jared Stroebele

5846 silver badges26 bronze badges

4 Comments

chemitaxis Over a year ago

Your example is from WebForms, not valid in this case. And... what happens with the name param?

jgauffin Over a year ago

@chemitaxis: It's for MVC.

Jared Stroebele Over a year ago

The example is loosely from the MVA course Introduction to ASP.NET MVC

chemitaxis Over a year ago

How can I register the new router in ASP.NET Core?

Collectives™ on Stack Overflow

Friendly URLs in ASP.NET MVC 6 (ASP.NET Core or ASP.NET5)

2 Answers 2

2 Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Linked

Related