✒️SAP BTPFIORI / El enrutamiento en aplicaciones SAPUI5 Por Jose Baz Suarez
El enrutamiento en aplicaciones SAPUI5

El enrutamiento en aplicaciones SAPUI5
1. Introducción
El enrutamiento en SAPUI5 permite navegar entre diferentes vistas (views) dentro de una misma aplicación sin recargar la página.
Este mecanismo utiliza el archivo manifest.json como punto central para definir rutas y destinos, gestionando de forma declarativa la navegación de la app.
2. Concepto de enrutamiento
El router interpreta la URL y determina qué vista debe cargarse en el contenedor principal de la aplicación.
Cada ruta (route) se asocia a un destino (target), que representa una vista XML o un fragmento.
El enrutamiento se configura dentro del bloque "routing" del manifest.json:
3. Funcionamiento general
-
El componente principal (Component.js) inicializa el router al ejecutar:
this.getRouter().initialize(); -
Cada vista definida como target se muestra dentro del control principal <App id="app"/>.
-
La navegación se realiza mediante:
this.getOwnerComponent().getRouter().navTo("Detalle");
4. Ventajas del enrutamiento
-
Permite navegación fluida sin recargar la aplicación.
-
Mejora la experiencia de usuario y el rendimiento.
-
Simplifica la gestión de múltiples vistas en un mismo proyecto.
-
Soporta parámetros dinámicos para mostrar información específica (por ejemplo, pattern: "Detalle/{id}").
5. Buenas prácticas
-
Declarar todas las rutas y destinos en el manifest.json para mantener la estructura ordenada.
-
Usar nombres de vistas coherentes con el patrón del proyecto.
-
Evitar rutas duplicadas o sin patrón definido.
-
Verificar que el controlId coincida con el ID del contenedor principal en la vista App.
-
Inicializar siempre el router en Component.js.
6. Conclusión
El enrutamiento es un componente esencial en SAPUI5 para controlar la navegación dentro de una aplicación Fiori.
Su configuración declarativa en el manifest.json permite construir aplicaciones escalables, modulares y con una experiencia de usuario continua.
Preguntas de repaso con respuestas
-
¿Qué archivo contiene la configuración del enrutamiento en SAPUI5?
El archivo manifest.json. -
¿Qué función cumple el método navTo()?
Permite navegar hacia otra vista definida en las rutas del router. -
¿Por qué el enrutamiento mejora la experiencia del usuario?
Porque permite cambiar de vistas sin recargar toda la aplicación. -
¿Qué comando inicializa el router al iniciar la app?
this.getRouter().initialize(); -
¿Qué ventaja tiene definir las rutas en el manifest.json y no en el código del controlador?
Centraliza la navegación, facilita el mantenimiento y separa la lógica de presentación.
 
 
 
Sobre el autor
Publicación académica de Jose Rodrigo Baz Suarez, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
Jose Rodrigo Baz Suarez
Profesión: Analista de Inventarios y Auditoria - Uruguay - Legajo: WX92M
✒️Autor de: 47 Publicaciones Académicas
🎓Cursando Actualmente: Carrera Consultor SAP MM Nivel Avanzado
🎓Egresado del módulo:
Disponibilidad Laboral: FullTime
Presentación:
Analista con experiencia en sap, contabilidad, inventarios y costos. manejo de cierres, balances, reportes y mejoras de procesos administrativos.
Certificación Académica de Jose Baz

























