Tecnologías de UI

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 ▾
Dónde se ubica: L3 · Aplicaciones de UICapa: Aplicaciones de UI. También abarca: SAP BTP.L1L2L3L4L5L6BTP

Capa: Aplicaciones de UI

También abarca: SAP BTP

Abrir el mapa de arquitectura →

¿Qué incluye SAP Fiori tools?

En Visual Studio Code, al instalar el extension pack de SAP Fiori tools se añaden estas extensiones:

ExtensiónQué hace
Application WizardGenera 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 ModelerPage Map para páginas y navegación; Page Editor para los ajustes de página; Data Editor para los datos simulados
Guided DevelopmentGuías paso a paso por función que insertan código y anotaciones para requisitos habituales
Service ModelerVisualiza el servicio OData V2 o V4, incluidas las anotaciones del back-end y las locales
XML Annotation Language ServerAutocompletado y validación de anotaciones en archivos XML
XML ToolkitSoporte 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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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?

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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 toolsSAP Business Application StudioSAP Fiori elements
Qué esExtensiones de IDE para el desarrollo SAP FioriEntorno de desarrollo en la nube en SAP BTPFramework SAPUI5 que genera floorplans a partir de anotaciones
Cuándo actúaEn tiempo de diseñoEn tiempo de diseñoEn runtime, en el navegador del usuario
RelaciónPreinstalado en SAP Business Application Studio; también se ejecuta en Visual Studio CodeAloja SAP Fiori tools en su dev space de SAP FioriLo 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

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

SAP, SAP Fiori, SAPUI5, SAP S/4HANA, SAP BTP y los demás productos y servicios de SAP mencionados son marcas comerciales o marcas registradas de SAP SE (o de una empresa afiliada de SAP) en Alemania y otros países. Esta guía es independiente y no está afiliada, patrocinada ni respaldada por SAP SE.