📘JSON

Analizando la estructura del proyecto SAP Fiori 1. Creación de un proyecto SAP Fiori (ejemplo práctico) Se puede crear un proyecto tipo SAP Fiori Freestyle con plantilla Master-Detail. Integrado con un servicio OData (ej. GWSAMPLE_BASIC en ES5). Proyecto definido como Multitarget (MTA) y usando Managed Approuter. Configuración de entidades de datos en el binding (ej. SalesOrderSet). 2. Estructura de carpetas y archivos principales Carpeta webapp/: contiene el núcleo de la aplicación. index.html: punto de entrada de la aplicación, inicializa SAPUI5. manifest.json: archivo central de configuración (modelos, rutas,...

Acceder a esta publicación

Consumir un servicio Odata de SAP en SAPUI5 Para poder consumir un servicio Odata debemos tener creado el destino en el SAP BTP, sistema donde esta el servicio que queremos consumir Destino en SAP BTP es una configuración que permite conectar tu aplicación en la nube con un sistema externo (por ejemplo, SAP Gateway, ES5, S/4HANA, API REST). Contiene: URL del sistema externo Método de autenticación (Básico, OAuth, etc.) Datos de conexión y propiedades adicionales Creacion de un proyecto SAP Fiori que consuma el servicio Odata en ES5: la creación de un proyecto SAP Fiori que consuma un servicio OData en ES5 consiste en: Configurar un destino...

Acceder a esta publicación

El enrutamiento en aplicaciones SAPUI5 Para poder navegar en pagina unica, es decir el navegador no tiene que recargar la pagina se debe implementar un router. Las configuraciones de este se ingresan en el archivo manifiesto.json. Las app de SAPUI5 contienen solo una pagina y los cambios en la pantalla se manejan en el lado del cliente dinamicamente cargado diferentes controles. El enrutador captura todos los cambios en el hash, el seguimiento al historial, entre otros. La configuracion del enrutador En el archivo manifiesto.json o component.js se cnfiguran las rutas disponibles dentro de la app de manera global. Si se quiere hacer local debe hacerse en las clases, route y targets ubicadas en los namespaces. La propiedad config: se definen...

Acceder a esta publicación

La configuración del test unitario se realiza ingresando al SAP Business Application Studio (BAS), dentro del entorno de desarrollo. Una vez abierto el proyecto donde se va a ejecutar la prueba, se utiliza el botón con forma de play llamado “Run configuration” para crear la configuración de ejecución. Si la configuración no existe, se crea desde la paleta de comandos usando la opción “Create configuration”, lo que permite definir cómo se ejecutará la aplicación o el test dentro del entorno de desarrollo. Las herramientas de debugging más utilizadas son las Herramientas de Desarrollo de Google Chrome, conocidas como DevTools. Estas herramientas ofrecen...

Acceder a esta publicación

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: "routing": { "config": {...

Acceder a esta publicación

La utilizacion de los controles UI Tipos de controles de interfaz de usuario Simple Controls Value Holders Layouts Complex Controls UX3 Controls Controles para escritorio sap.ui-namespace El nombre de control: sap.m.Table El control de metadatos: Es un objeto interno que define las propiedades, agregaciones, asociaciones y eventos del control. Esto permite al framework (y a ti como desarrolladora) saber cómo usar el control, qué atributos tiene, cómo se renderiza y cómo interactúa con otros controles. Los elementos: sap.ui.core.Element es la clase base de sap.ui.core.Control Los metodos: en los controles SAPUI5 son funciones que te permiten interactuar, modificar o recuperar...

Acceder a esta publicación

Estructura del proyecto SAP Fiori Namespace: Ubicacion de la carpeta raiz del proyecto Archivo index.html: se usa para iniciar la app Bootstrap: es un framework de diseño web de código abierto, desarrollado inicialmente por Twitter, que permite crear interfaces de usuario (UI) modernas, responsivas y consistentes de manera rápida, usando HTML, CSS y JavaScript predefinidos. Partes App HTML5/SAPUI5 Enrutador de app autenticacion, tokens y rutas Construccion para el despliegue del proyecto, autenticacion y rutas Diseño de columna flexible Flexible Column Layout: es un patrón de diseño de SAP Fiori que permite mostrar una, dos o tres columnas de manera adaptable según...

Acceder a esta publicación

Las interfaces en SAP permiten el intercambio de información entre SAP y otros sistemas, internos o externos, garantizando la integración y coherencia de datos. Se usan para automatizar procesos, evitar duplicidad y reducir errores. Pueden ser síncronas (respuesta inmediata) o asíncronas (procesamiento en diferido). Entre las tecnologías más usadas están IDocs, BAPIs, RFCs, Web Services y APIs. Los IDocs facilitan la comunicación masiva y estructurada; las BAPIs permiten acceder a funciones de negocio de forma controlada; los RFCs conectan sistemas SAP o no SAP. Las interfaces se diseñan según requerimientos de negocio, volumen de datos, seguridad y formato (XML, JSON, CSV)....

Acceder a esta publicación

La relación entre SAP Gateway y los servicios OData Introducción SAP Gateway es la capa intermedia que permite la comunicación entre el frontend Fiori (UI5) y el backend SAP (S/4HANA o ECC). Su función principal es exponer datos y lógica de negocio del backend en forma de servicios OData. OData (Open Data Protocol) es un estándar basado en REST que utiliza HTTP y JSON/XML para acceder a datos de forma simple y uniforme. Rol de SAP Gateway Traducir solicitudes provenientes de las aplicaciones SAP Fiori (front-end). Gestionar la comunicación con el backend SAP. Exponer los datos de SAP...

Acceder a esta publicación

El framework de programación SAPUI5 1. ¿Qué es SAPUI5? SAPUI5 (SAP User Interface for HTML5) es el framework de programación de SAP para crear aplicaciones web modernas. Basado en estándares abiertos: HTML5, CSS3 y JavaScript. Optimizado para el desarrollo de aplicaciones SAP Fiori. Permite crear interfaces de usuario responsivas, coherentes y adaptables en múltiples dispositivos. 2. Origen y propósito Nace para unificar el desarrollo de aplicaciones con una interfaz estándar y amigable. Facilita la construcción de apps centradas en el usuario, con diseño consistente a nivel SAP. ...

Acceder a esta publicación