Los desarrollos de aplicaciones móviles multiplataforma suelen ser desarrollos largos y costosos. El motivo de ello es que es necesario desarrollar la misma app en los diferentes lenguajes nativos de cada plataforma: iOS, Android… En este artículo vamos a explicar cómo poder evitar estos largos desarrollos para crear aplicaciones SAPUI5 para dispositivos móviles.

En un artículo anterior os detallábamos qué es SAPUI5.

Para solucionar este problema aparecieron diferentes frameworks que nos permiten desarrollar aplicaciones híbridas. Es decir, que desarrollando una aplicación web podremos crear las diferentes aplicaciones para cada plataforma, abaratando los costes y reduciendo el tiempo desarrollo. Algunas de estas herramientas son: Apache Cordova, Adobe Phonegap o Ionic.

Como he mencionado antes, de esta manera únicamente deberemos desarrollar una aplicación web. Posteriormente, utilizando el API proporcionado por estas herramientas obtendremos las diferentes aplicaciones dependiendo de las plataformas donde queramos desplegar la app para móvil.

Estos frameworks también nos proporcionan diferentes plugins estándares para poder acceder a los componentes de los dispositivos móviles, por ejemplo: la cámara, los contactos, la geolocalización o el acelerómetro. También suelen disponer de una librería con plugins desarrollados por terceros.

Dado que SAPUI5 es una librería que utiliza tecnologías estándar web, basada en HTLM5, CSS3 y JavaScript nos permitirá desarrollar aplicaciones SAPUI5 para dispositivos móviles, utilizando las herramientas anteriormente mencionadas.

A continuación, veremos un ejemplo de cómo empezar un a trabajar con una de estas herramientas para generar una aplicación SAPUI5.

Para desarrollar nuestra aplicación SAPUI5 para dispositivos móviles, necesitaremos instalar una serie de herramientas. Para este ejemplo utilizaremos Apache Cordova.

Pre-requisitos para el desarrollo de apliaciones SAPUI5 para dispositivos móviles

Antes de realizar instalación de Cordova deberemos instalar Node.js.

Después de completar la instalación de Node.js, realizaremos la instalación de Cordova con siguiente sentencia:

npm install -g cordova

Desarrollo de una aplicación SAPUI5 para dispositivos móviles

A continuación, deberemos crear un proyecto, utilizando el comando create.

cordova create path [id [name [config]]] [options]

cordova create hello com.example.hello HelloWorld

Los siguientes pasos serán añadir las plataformas (Android, iOS, Windows…), en las que queramos distribuir nuestra aplicación mediante el comando cordova platform add.

Además, con la sentencia cordova plugin add, podremos añadir los plugins que deseemos.

La estructura de un proyecto, se divide en cinco carpetas:

• hooks
• merges
• www: En esta carpeta deberá estar nuestra aplicación SAPUI5
• platforms
• plugins

También tendremos el archivo de configuración global llamado config.xml.

myapp/
 |-- config.xml
 |-- hooks/
 |-- merges/
 | | |-- android/
 | | |-- windows/
 | | |-- ios/
 |-- www/
 |-- platforms/
 | |-- android/
 | |-- windows/
 | |-- ios/
 |-- plugins/
 |--cordova-plugin-camera/

Sera necesario descargar las librerías SAPUI5 y guardarlas dentro de carpeta de nuestra aplicación. El motivo de ello es que la aplicación no estará ubicada en SAP Gateway si no en el paquete de aplicación distribuido en los distintos dispositivos donde se instale (APK, IPA…)

En el caso de que nuestra aplicación SAPUI5 utilice un servicio OData para obtener los datos desde SAP, deberemos utilizar la ruta absoluta del servicio.

Despliegue de una aplicación SAPUI5 en las diferentes plataformas

Por último, deberemos desplegar la aplicación en las plataformas deseadas, y para ello utilizaremos la sentencia cordova build. En este ejemplo desplegaremos la aplicación para Android.

cordova build android

En el caso de querer desplegar nuestra aplicación en la plataforma iOS, es necesario utilizar ordenador con MacOS. Si no dispone de ordenador con MacOS, Adobe Phonegap dispone de un servicio en la nube llamado Adobe Phonegap Build, para desplegar nuestras aplicaciones.

Con estos sencillos pasos podemos crear nuestras aplicaciones SAPUI5 para cualquier plataforma móvil que deseemos. Además, nuestras aplicaciones estarán perfectamente integradas con SAP.

Esperamos haberos ayudado con los primeros pasos para desarrollar una app móvil multiplataforma con SAPUI5 integrada con SAP. Si tenéis dudas, podéis contactarnos y trataremos de ayudaros en vuestro proyecto.