向ASP.NET MVC中的URL slugs添加標識和標題

Question

如果缺少部分URL，如何將ASP.NET MVC中的請求重定向到正確的規範版本？

以堆棧溢出爲例，該站點將問題標題添加到其路徑的末尾，但在路徑中使用問題標識來實際查找問題。如果標題被忽略，您將被重定向到正確的URL。

例如，訪問的網址：

stackoverflow.com/questions/9033 

會重定向到

stackoverflow.com/questions/9033/hidden-features-of-c 

這是如何工作的？

Answer 1

首先創建一個路由：

routes.MapRoute( 
    "ViewProduct", 
    "Products/{id}/{productName}", 
    new { controller = "Product", action = "Details", id = "", productName = "" } 
); 

然後創建操作方法如下所示：

public ActionResult Details(int? id, string productName) 
{ 
    Product product = ProductRepository.Fetch(id); 

    string realTitle = UrlEncoder.ToFriendlyUrl(product.Title); 
    string urlTitle = (productName ?? "").Trim().ToLower(); 

    if (realTitle != urlTitle) 
    { 
     string url = "/Products/" + product.Id + "/" + realTitle; 
     return new PermanentRedirectResult(url); 
    } 

    return View(product); 
} 

你基本上在URL與一個存儲在數據庫中比較實體名稱，如果它們不匹配，則執行301永久重定向。確保它是一個'永久'重定向（301狀態碼），而不是臨時重定向（302）。這樣，搜索引擎會將其視爲網址的永久變更，並相應地更新其索引，如果實體的標題在搜索引擎編入索引後發生變化（例如，某人更改了產品名稱），則可能會發生這種情況。

另一件需要注意的事情是，如果您的標題允許任何自由文本，您需要刪除任何對URL無效的字符，並使其對人類和搜索引擎更具可讀性，因此UrlEncoder.ToFriendlyUrl在上面的代碼方法，實現的過程如下：

public static class UrlEncoder 
{ 
    public static string ToFriendlyUrl (this UrlHelper helper, 
     string urlToEncode) 
    { 
     urlToEncode = (urlToEncode ?? "").Trim().ToLower(); 

     StringBuilder url = new StringBuilder(); 

     foreach (char ch in urlToEncode) 
     { 
      switch (ch) 
      { 
       case ' ': 
        url.Append('-'); 
        break; 
       case '&': 
        url.Append("and"); 
        break; 
       case '\'': 
        break; 
       default: 
        if ((ch >= '0' && ch <= '9') || 
         (ch >= 'a' && ch <= 'z')) 
        { 
         url.Append(ch); 
        } 
        else 
        { 
         url.Append('-'); 
        } 
        break; 
      } 
     } 

     return url.ToString(); 
    } 
} 

所以，當你寫出來的網址進入查看時，一定要使用這種方法如編碼標題

<a href="/Products/@Model.Id/@Url.ToFriendlyUrl(Model.Title)">@Model.Title</a> 

我寫這個博客張貼在這裏http://www.dominicpettifer.co.uk/Blog/34/asp-net-mvc-and-clean-seo-friendly-urls

Answer 2

您應該瞭解有關ASP.net MVC路由機制，因爲Stackoverflow使用此技術。這裏有一個相當複雜的問題需要回答，但是你會發現很多學習資源，比如：http://weblogs.asp.net/scottgu/archive/2007/12/03/asp-net-mvc-framework-part-2-url-routing.aspx

Answer 3

雖然我不知道StackOverflow如何管理它的任何細節，但下面概述瞭如何實現做到這一點

• 使用的ID從數據庫中檢索的問題
• 轉換存儲問題的標題爲URL兼容塞
• 如果轉換的標題塞不匹配的URL通過了塞然後重定向使用轉換後的標題slu。。

這將確保URL是永遠正確的，避免possible embarrassing fake URLs

Answer 4

這裏是他們如何可能做到這一點，但我相信你問它是如何做，這應該工作的例子。

第一階段是建立2路在Global.asax

routes.MapRoute("WithQuestion", "questions/{id}/{name}", new { controller = "Questions", action = "Question", id = "1" }); 
routes.MapRoute("WithoutQuestion", "questions/{id}", new { controller = "Questions", action = "WithoutQuestion", id="1"}); 

現在我們的問題控制器，

public ActionResult Question(int id) 
    { 
     //Load the question as we have the name appended. 
     // We could actually do a little validation here as well 
     return View(); 
    } 

    public ActionResult WithoutQuestion(int id) 
    { 
     //Load the question object 
     //Generate the full URL and redirect 
     return Redirect(FullURL) 
    } 

這是一個非常基本的例子，但說明了如何能做到它。

Answer 5

@sunday我已經嘗試過了，但我仍然面臨着問題。我需要給URL作爲

產品？ID = 4 &產品名稱=新博客

然後我得到了解決。 This幫了我。我們需要確保CUSTOM路線高於默認路線

現在它工作正常。