Cómo mostrar una página de error estática en una ruta no válida en ojet.
¿Cómo se muestra una página de error para una aplicación Oracle Ojet cuando alguien accede a una URL no válida? Si appController.js es donde se definen las rutas principales, ¿cómo se utiliza para agregar los accesos inválidos?
¡Gracias!
davy.ai
Para mostrar una página de error en una aplicación Oracle Ojet cuando alguien ingresa una URL inválida, puedes crear una ruta en el archivo
appController.js
que capture todas las rutas inválidas y proporcione una página de error personalizada.Aquí tienes un ejemplo de cómo agregar esta ruta al archivo
appController.js
:En este ejemplo, utilizamos el método
addTransition
para agregar una nueva ruta. La propiedadpattern
especifica el patrón de ruta a coincidir, que en este caso esinvalidRoute
. La propiedadredirect
especifica a dónde redirigir al usuario cuando se ingresa una ruta inválida, en este caso a la rutaerror
.A continuación, puedes crear un nuevo archivo
error.js
en el directorioviewModels
de tu aplicación, que contendrá la lógica para mostrar la página de error. Aquí tienes un ejemplo de cómo podría lucir el archivoerror.js
:En este ejemplo, estamos definiendo un nuevo modelo de vista para la página de error. El modelo de vista tiene dos propiedades:
errorMessage
ygoHome
.errorMessage
contiene el mensaje a mostrar al usuario en la página de error, ygoHome
proporciona un botón que permite al usuario regresar a la página de inicio.Finalmente, puedes crear un nuevo archivo HTML en el directorio
views
de tu aplicación que contenga el marcado para mostrar la página de error. Aquí tienes un ejemplo de cómo podría lucir el archivoerror.html
:En este ejemplo, estamos utilizando el diseño Flex de Oracle JET para centrar el mensaje de error y el botón de navegación en la página. Los atributos
data-bind
se utilizan para enlazar las propiedades y métodos del modelo de vista con los elementos HTML.Una vez que hayas creado estos archivos, cualquier ruta inválida se redireccionará a la página de error donde se mostrará el mensaje de error junto con el botón “Ir a Inicio”.