SAP Fiori tools
SAP Fiori tools es un conjunto de extensiones para SAP Business Application Studio y Visual Studio Code que genera, configura, previsualiza y despliega aplicaciones SAP Fiori elements. SAP Fiori tools cubre el proyecto front-end, desde el asistente de aplicaciones y el Page Map hasta la vista previa con datos simulados y el despliegue, mientras que el servicio OData que hay detrás de la aplicación se construye con otras herramientas.
Datos clave
- Tipo
- Herramientas de desarrollo (extensiones de IDE)
- Capa
- Aplicaciones de UI; SAP BTP
- Se ejecuta en
- SAP Business Application Studio (preinstalado en los dev spaces de SAP Fiori), Visual Studio Code
- Extensiones principales
- Application Wizard, Application Modeler (Page Map, Page Editor), Guided Development, Service Modeler, XML Annotation Language Server
- Despliega en
- Sistemas ABAP y Cloud Foundry en SAP BTP
- Quién trabaja con ello
- Desarrolladores SAP Fiori, desarrolladores full-stack que utilizan CAP o RAP
- Se aplica a
- SAP S/4HANA (todas las opciones de implementación), SAP BTP
Capa: Aplicaciones de UIDónde se ubica ▾
¿Qué incluye SAP Fiori tools?
En Visual Studio Code, al instalar el extension pack de SAP Fiori tools se añaden estas extensiones:
| Extensión | Qué hace |
|---|---|
| Application Wizard | Genera proyectos SAP Fiori elements a partir de un floorplan o de una página personalizada, de forma independiente o dentro de un proyecto CAP |
| Application Modeler | Page Map para páginas y navegación; Page Editor para los ajustes de página; Data Editor para los datos simulados |
| Guided Development | Guías paso a paso por función que insertan código y anotaciones para requisitos habituales |
| Service Modeler | Visualiza el servicio OData V2 o V4, incluidas las anotaciones del back-end y las locales |
| XML Annotation Language Server | Autocompletado y validación de anotaciones en archivos XML |
| XML Toolkit | Soporte general para la edición de XML |
Además de las extensiones, el conjunto de herramientas previsualiza aplicaciones con datos reales o simulados, valida proyectos, añade bibliotecas reutilizables, crea proyectos de adaptación para aplicaciones entregadas por SAP y despliega en sistemas ABAP o Cloud Foundry. En SAP Business Application Studio, el dev space de SAP Fiori incluye estas herramientas preinstaladas. Por tanto, SAP Fiori tools es un conjunto de herramientas para el proyecto front-end, no un runtime ni un framework.
¿Cómo da soporte SAP Fiori tools al ciclo de vida de desarrollo?
Supongamos que Alder Manufacturing necesita un list report de pedidos de compra abiertos, sobre un servicio OData V4 construido con RAP:
- Generar. El Application Wizard se conecta al sistema, permite al desarrollador elegir el servicio y el floorplan list report y object page, y crea el proyecto con su app descriptor.
- Modelar. El Page Map muestra las páginas y la navegación; el Page Editor modifica ajustes como el tipo de tabla o la carga inicial. SAP Fiori tools guarda estas modificaciones como cambios en los archivos del proyecto o como cambios de flexibilidad de UI.
- Anotar. Guided Development y el language server de anotaciones ayudan a añadir anotaciones de UI en archivos locales o, en el caso de CAP, en archivos CDS.
- Previsualizar. La aplicación se ejecuta en local contra el servicio real o con datos simulados, de modo que el trabajo de UI puede continuar aunque el back-end no esté listo.
- Desplegar. La configuración de despliegue apunta al repositorio ABAP o a Cloud Foundry; un comando de undeploy vuelve a eliminar la aplicación.
Cada paso produce archivos de proyecto normales, por lo que el resultado puede versionarse y revisarse como cualquier otro código. SAP Fiori tools acorta el camino desde el servicio hasta la aplicación en funcionamiento sin ocultar lo que genera.
¿Cuáles son los puntos fuertes de SAP Fiori tools?
- Inicio rápido con el floorplan adecuado. Los proyectos generados siguen la configuración actual de SAP Fiori elements de SAP, lo que elimina código repetitivo y evita descriptors creados a mano.
- Configuración visual. El Page Map y el Page Editor exponen los ajustes del manifest y las opciones basadas en anotaciones sin necesidad de memorizar cada propiedad.
- Aprendizaje integrado. Guided Development muestra cómo se implementa una función, lo que ayuda a los desarrolladores que se inician en las anotaciones.
- Independencia del back-end durante el trabajo de UI. Los datos simulados permiten a diseñadores y desarrolladores iterar antes de que el servicio esté terminado.
- Un único conjunto de herramientas para ambos IDE. Las mismas extensiones se ejecutan en SAP Business Application Studio y en un Visual Studio Code local.
- Extensión segura de aplicaciones estándar. Los proyectos de adaptación crean variantes de aplicación que hacen referencia a la aplicación original en lugar de copiarla.
Para los proyectos SAP Fiori elements, SAP Fiori tools es el conjunto de herramientas en el que se basan la propia documentación y los tutoriales de SAPUI5 de SAP.
¿Dónde están los límites de SAP Fiori tools?
- Solo front-end. El Service Modeler puede mostrar las anotaciones del back-end, pero no editarlas. Las vistas ABAP CDS, las behavior definitions y los service bindings se mantienen en ABAP Development Tools, y los modelos CAP en archivos CDS.
- Centrado en SAP Fiori elements. La documentación de SAP indica que las plantillas SAPUI5 freestyle de SAP Fiori tools están obsoletas y recomienda en su lugar la página personalizada de SAP Fiori elements para OData V4. Los proyectos OData V2 siguen siendo posibles, pero SAP recomienda OData V4.
- Las funciones de IA cambian rápidamente. Está previsto que el Project Accelerator de SAP Fiori tools AI, que se ejecuta en SAP Business Application Studio, quede obsoleto a finales de 2026 en favor del servidor MCP para SAP Fiori y las skills, disponibles en VS Code y SAP Business Application Studio.
- Licencias para algunas funciones. SAP advierte que ciertas funciones pueden requerir una licencia aparte; el Project Accelerator, por ejemplo, requiere SAP Build Code.
- Generado no significa terminado. Los asistentes producen un esqueleto funcional; la calidad del modelo de datos, las autorizaciones y el rendimiento siguen dependiendo del servicio.
SAP Fiori tools acelera lo que SAP Fiori elements puede expresar; no diseña el servicio ni el proceso que hay detrás de la aplicación.
¿Cuáles son los errores comunes con SAP Fiori tools?
- Iniciar aplicaciones nuevas con OData V2. V4 da acceso a los building blocks y a las páginas personalizadas; elija V2 solo cuando el back-end no ofrezca otra cosa.
- Generar una plantilla freestyle por costumbre. Una página personalizada en SAP Fiori elements para OData V4 conserva funciones del framework, como los building blocks, y a la vez permite layouts personalizados.
- Corregir problemas del back-end con anotaciones locales. Un archivo de anotaciones local puede ocultar una anotación CDS incorrecta en una aplicación mientras todos los demás consumidores siguen viendo el error. Corríjala en el origen cuando el servicio sea compartido.
- Saltarse los pasos de datos simulados y de validación. La validación del proyecto y las vistas previas con datos simulados detectan errores de destino y de configuración antes del despliegue.
- Ignorar la versión de SAPUI5 del sistema de destino. Generar con la versión más reciente de SAPUI5 y desplegar en un front-end server más antiguo provoca funciones ausentes; fije la versión mínima en función de producción.
La mayoría de los problemas con SAP Fiori tools son decisiones tomadas en las primeras pantallas del asistente, no defectos de las extensiones.
¿SAP Fiori tools, SAP Business Application Studio o SAP Fiori elements: cuál es la diferencia?
| SAP Fiori tools | SAP Business Application Studio | SAP Fiori elements | |
|---|---|---|---|
| Qué es | Extensiones de IDE para el desarrollo SAP Fiori | Entorno de desarrollo en la nube en SAP BTP | Framework SAPUI5 que genera floorplans a partir de anotaciones |
| Cuándo actúa | En tiempo de diseño | En tiempo de diseño | En runtime, en el navegador del usuario |
| Relación | Preinstalado en SAP Business Application Studio; también se ejecuta en Visual Studio Code | Aloja SAP Fiori tools en su dev space de SAP Fiori | Lo que SAP Fiori tools genera y configura |
| Pregunta que responde | ¿Cómo construyo y despliego la aplicación de forma eficiente? | ¿Dónde desarrollo? | ¿Cómo se produce la UI de la aplicación? |
SAP Fiori tools es el conjunto de herramientas, SAP Business Application Studio es uno de los lugares donde ejecutarlo y SAP Fiori elements es el framework sobre el que se ejecutan las aplicaciones resultantes.
Preguntas frecuentes
¿SAP Fiori tools es gratuito?
SAP Fiori tools está disponible como extension pack para Visual Studio Code y preinstalado en SAP Business Application Studio, que a su vez es un servicio de SAP BTP sujeto a licencia. La descripción del alcance funcional de SAP advierte que ciertas funciones pueden requerir una licencia aparte; el Project Accelerator basado en IA, por ejemplo, requiere una suscripción a SAP Build Code.
¿Se pueden crear aplicaciones SAPUI5 freestyle con SAP Fiori tools?
SAP Fiori tools sigue ofreciendo plantillas SAPUI5 freestyle, pero la documentación de SAP las marca como obsoletas. SAP recomienda en su lugar la página personalizada de SAP Fiori elements para OData V4, que permite layouts personalizados y conserva los building blocks y otras funciones del framework.
¿Qué es el Page Map de SAP Fiori tools?
El Page Map forma parte de la extensión Application Modeler. Muestra las páginas, la navegación y las entidades de servicio de una aplicación SAP Fiori elements, permite a los desarrolladores añadir o eliminar páginas y navegación, y abre el Page Editor, donde se modifican los ajustes de página sin editar archivos a mano.
¿SAP Fiori tools puede editar anotaciones ABAP CDS?
No directamente. El Service Modeler muestra las anotaciones del back-end, pero no puede editarlas, por lo que las anotaciones ABAP CDS se mantienen en ABAP Development Tools. SAP Fiori tools edita archivos locales de anotaciones XML y, en los proyectos CAP, archivos de anotaciones CDS.
¿SAP Fiori tools funciona con SAP S/4HANA on-premise?
Sí. SAP Fiori tools se conecta a sistemas ABAP para leer servicios OData y despliega aplicaciones en el repositorio ABAP, lo que cubre SAP S/4HANA on-premise y Private Edition. Los proyectos de adaptación para aplicaciones entregadas por SAP se dirigen a estos sistemas y también a SAP S/4HANA Cloud Public Edition.
Fuentes
- SAP Help Portal: Developing SAP Fiori elements applications with SAP Fiori tools
- SAP Help Portal: SAP Fiori tools — Visual Studio Code setup and extension pack
- SAP Help Portal: Feature scope description for SAP Fiori tools
- SAP Help Portal: Developing an application (Page Map, Page Editor) in SAP Fiori tools
- SAP Help Portal: Generating an Application with the Project Accelerator Using SAP Fiori Tools AI
- Se aplica a
- SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
- Última revisión