Asp.net Mvc Exception Routes

Redireccionando Usuarios a una Página 404 Personalizada en ASP.NET MVC

En el mundo de las aplicaciones web, mantener una experiencia de usuario fluida es esencial. Imagina un usuario escribiendo cuidadosamente una URL solo para encontrarse con una frustrante página de error debido a una ruta inexistente. Esto puede dejar a los usuarios confundidos y decepcionados. Afortunadamente, como desarrolladores, tenemos la capacidad de mejorar nuestras aplicaciones manejando elegantemente tales escenarios.

En esta publicación del blog, exploraremos cómo redirigir a los usuarios a una página de error 404 personalizada en ASP.NET MVC cuando intenten acceder a un controlador inexistente.

Entendiendo el Problema

Cuando un usuario intenta visitar una URL que no corresponde a ningún controlador o acción en tu aplicación ASP.NET MVC, se lanza una excepción. Por ejemplo, si alguien intenta navegar a:

http://www.nosite.com/paeges/1

Esta URL es incorrecta y debería resolverse al controlador /pages/. En lugar de llevar al usuario a un mensaje de error genérico, queremos redirigirlo a una página 404 personalizada que sea amigable e informativa.

Resumen de la Solución

Para lograr este objetivo, necesitamos configurar nuestra aplicación ASP.NET MVC para manejar excepciones de enrutamiento redirigiendo a una página 404 especificada. Aquí hay un desglose paso a paso de cómo hacerlo.

Paso 1: Define Tu Página de Error Personalizada

Antes de entrar en la configuración de enrutamiento, el primer paso es crear una página 404 personalizada. Esta podría ser una vista simple que informe al usuario sobre el error y posiblemente sugiera enlaces útiles.

  • Crear una Vista: En tu directorio /Views/Shared/, agrega una nueva vista llamada Error404.cshtml.
  • Diseñar el Contenido: Asegúrate de que el contenido sea amigable para el usuario. Por ejemplo: 
    <h1>¡Vaya! Página No Encontrada</h1>
<p>Lo sentimos, la página que buscas no existe. Por favor, revisa la URL o regresa a la página de inicio.</p>

Paso 2: Actualizar el Web.Config para Errores Personalizados

A continuación, necesitas informar a tu aplicación ASP.NET MVC que muestre la página de error personalizada cuando ocurra el código de estado HTTP especificado. Abre tu archivo Web.config y agrega las siguientes líneas:

<system.web>
  <customErrors mode="On" defaultRedirect="~/Error404">
    <error statusCode="404" redirect="~/Error404" />
  </customErrors>
</system.web>
  • mode: Establece esto en On para habilitar páginas de error personalizadas.
  • defaultRedirect: Este es el camino a tu página de error personalizada.
  • error: Esto especifica que cuando ocurre un error 404, la aplicación debe redirigir a la página especificada.

Paso 3: Manejar Rutas en el Archivo Global.asax

A continuación, deseas asegurarte de que los problemas de enrutamiento se capturan. Abre tu archivo Global.asax y agrega el siguiente método:

protected void Application_Error()
{
    Exception exception = Server.GetLastError();
    HttpException httpException = exception as HttpException;

    if (httpException != null)
    {
        int httpCode = httpException.GetHttpCode();
        if (httpCode == 404) // No encontrado
        {
            Response.Clear();
            Server.ClearError();
            Response.Redirect("~/Error404");
        }
    }
}
  • Application_Error(): Este método se ejecuta cada vez que ocurre un error no manejado en tu aplicación.
  • Captura la Excepción: El código captura la excepción y verifica si el código de estado HTTP es 404.
  • Redirigir: Si lo es, limpia el error y redirige al usuario a tu página 404 personalizada.

Conclusión

Siguiendo estos pasos, puedes asegurarte de que los usuarios que navegan a páginas inexistentes sean recibidos por una página de error 404 amigable en lugar de una error de excepción genérico. Esto no solo mejora la experiencia del usuario, sino que también mantiene un nivel de profesionalismo en tu aplicación ASP.NET MVC.

A medida que continúes construyendo y mejorando tus aplicaciones web, recuerda que cómo manejas los errores dice mucho sobre tu atención al detalle y tu compromiso con la satisfacción del usuario. Tómate el tiempo para implementar estos simples cambios y observa el impacto positivo en la usabilidad de tu aplicación web.

Con estos pasos sencillos, puedes mejorar la forma en que tu aplicación ASP.NET MVC maneja los errores de enrutamiento. ¡Feliz codificación!