✒️SAP Fiori La creación de un proyecto multitarget

MTA, Concepto

Las apps comerciales hoy usan multiples lenguajes, tecnologias y diversidad de entornos y plataformas donde se ejecutan y deployan microservicios, ODATA, etc. Todo esto se representa con la denominacion MTA (Multi Target Application).

Desarrollar, Implementar y Configurar todas los partes separadas de aplicaciones complejas implica muchos pasos. generalmente especificos de la plataforma de destino o del servidor de aplicaciones. Los servicios de destino deben estar aprovisionados en multiples plataformas. En el caso de BTP la solucion se denomina MTA. En lugar de implementar las diversas partes por separado y luego hacerls funcionar juntas, empaqueta las diversas aplicaciones en un solo paquete y las implementa en una sola ejecución. A esto se denomina solucion dentro del contexto de la plataforma.

En un proyecto CF el descriptor MTA se usa para definir los microservicios de multiples elementos y describe :

* recursos y tipos de recursos que no son parte de MTA pero se requien para un modulo en tiempo de ejecucion o implementacion

* dependencias entre modulos y recursos

* parametros de configuracion tecnica como la url y la configuracion de la aplicacion

* parametros tales como las variables de entorno

2. Creacion de un proyecto MTA usando standalone approuter

Debemos estar suscriptos en BTP al servicio BAS mediante la subcuenta corresondiente, luego ejecutar BAS.

2.1 Creacion de un proyecto MTA

a. Desde el entorno accedemos a la paleta de comandos (Ctrl Shift P o desde menú View - Find Command) y elegir la opción "Open Template Wizard"

b. Seleccionar la opción de "Basic Multitarget Application"

c. Ponemos el nombre de proyecto y pulsamos "Finish" creando el archivo mta.yaml

2.2 Configuración de App Router

En entorno CF el acceso no es directo sino que que se accede primero al App Router. El mismo sirve contenido estatico, autentica usuario, reescribe URL e intermedia solicitudes desde el usuario a microservicios. Redirige las primeras llamadas al servicio XSUAA (Json Web Token) para poder autenticarnos.

a. Sobre el archivo del proyecto dar click y seleccionar "Create MTA Module from Template" e ir a la opción Approuter Configuration, dar Start para iniciar

b.Completar la opción "Select your HTML5 app runtime con "Standalone Approuter" que agrega al archivo mta el modulo

Para ejecutar una applicacion web, en el entorno BTP además se deberá:

* Cargar la aplicacion Web en el repositorio

* Disponer de un enrutador de aplicaciones que redirija el trafico entrante al servicio en el repositorio

* Utilizar el servicio "portal" de CF para lleverlo a Sap Fiori Launchpad

* Mantener los destinos de backend para servir datos desde los mismos

2.3 Generacion de app Sap Fiori basada en plantilla de aplicacion SAPUI5

a- Se creara un nuevo proyecto seleccionando "New Project template" y "SAP Fiori Application", luego START

b- Seleccionamos SAPUI5 freestyle que nos dá "estilo libre" de diseño que nos dá libertad total en la escritura pero perdemos la facilidd de los elementos SAP Fiori que encapsulan logica y binding automatico a ODATA

c- Seleccionamos SAP Fiori Worklist Application como Floorplan, dar NEXT

d- Incluir como Data Source: "Connect to a System", System: "ES5", Service: ZGWSAMPLE_BASIC (1) - OData V2, dar NEXT

e - En Project Attibutes sugiere crear el proyecto en la carpeta /home/user/projects... seleccionar AppFiori

f - En Deployment Configuration el target es "Cloud Foudry" y Destination name: "ES5 - https://sapes5.sapdevcenter.com"

dar FINISH

2.4 Pruebas Unitarias

a- vemos la creación en el mta.yaml

b- en index.hml cambiar source de la libreria de src="resources/sap-ui-core.js" a src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"

c- crear configuracion para prueba con el comando "Run Configurations", seleccionando el SAP BTP ES5 y la version UI5

d- Ejecutar prueba unitaria con boton play

2.5 Deploy en Cloud Foundry

a- En Spaces del Cloud Foundry podemos verificar que no tenemos aplicaciones creadas

b- Parados sobre el archivo mta.yaml damos click y seleccionamos la opción "Build MTA Project"

c- Realizamos el login al BTP, para ello ingresamos a la plataforma BTP abriendo la terminal de comandos de BAS en el menú Terminal - New Terminal. Alli tipearemos : cf login Como API endpoint: habrá colocar el endpoint obteniendolo de BTP en la subcuenta, el Email y la password.

d- realizar el deploy. Sobre el archivo generado AppFiori_0.0.1.mtar en la carpeta mta_archives dar click y seleccionar "Deply MTA Archive"

e- dentro de btp y a la subcuenta a la seccion de Cloud Foundry Enviroment y podremos ver la aplicacion deployada.. Si hacemos click y navegamos dentro podremos ejecutar la aplicacion

3 - Creacion de MTA usando managed approuter

Se crea MTA con la diferencia de que se deja que SAP administre el enrutador