Integração de aplicativos UI5 com Cordova e plugins: Guia completo e requisitos prévios

Olá a todos,

Este blog está relacionado com a integração de uma aplicação UI5 com plugins Cordova e como a implantar como uma aplicação nativa.

Os principais plugins que utilizei para integrar com minhas aplicações UI5 são:

• Scanner de códigos de barras
• Câmera
• Google Maps
• Carregador de arquivos

Primeiramente, uma breve introdução aos Plugins do Cordova e Kapsel (existem muitos documentos detalhados sobre os plugins do Cordova e Kapsel no SCN, mas para novos usuários que se dedicam ao desenvolvimento de UI5, dou uma breve introdução).

As aplicações UI5 são aplicações web baseadas em HTML5. Como qualquer aplicação HTML5, elas não podem interagir com as APIs de hardware de um dispositivo em que são executadas por padrão. Aqui é onde contêineres como o Cordova permitem que as aplicações HTML5/UI5 se integrem dentro de uma aplicação nativa e tenham a capacidade de interagir com o hardware do dispositivo. Basicamente, os plugins do Cordova atuam como intermediários entre suas aplicações UI5 e as APIs nativas (como câmera, acelerômetro, detalhes de localização, estado de rede, etc.) dos sistemas operacionais móveis.

O Cordova também gera uma aplicação nativa básica para o respectivo sistema operacional móvel através de um conjunto de comandos CLI (Interface de Linha de Comando). Uma vez que esta aplicação nativa base é gerada, podemos colocar o código de nossas aplicações UI5 (ou seja, os arquivos na pasta "webcontent" das aplicações UI5) na aplicação base para instalar e executar nossa aplicação UI5 como se fosse uma aplicação nativa para essa plataforma móvel. Abaixo está uma visão geral de alto nível das aplicações web que são executadas dentro de uma aplicação nativa do Cordova. Estará na camada Webview desse diagrama, onde nossas aplicações UI5/HTML5 estarão incorporadas e interagindo com as APIs nativas do dispositivo através dos plugins do Cordova.

Os plugins do Kapsel são um conjunto de plugins fornecidos pela SAP especificamente para integrar aplicações UI5 com SMP através de aplicações híbridas ou também conhecidas como aplicações Kapsel. Os plugins fornecidos são:

• Login
• Atualização do aplicativo
• Notificações Push
• Armazenamento criptografado
• Registro
• Configurações
• Proxy de autenticação
• Aplicativo online
• Barra de ferramentas
• Scanner de códigos de barras
• Preferências do aplicativo
• Gerenciador de cache
• Cliente SAP Fiori
• OData offline
• Rastreamento de ponta a ponta
• Visualizador de anexos
• Calendário
• Impressora

Mais detalhes sobre os plugins e desenvolvimentos do Kapsel podem ser encontrados neste link http://scn.sap.com/docs/DOC-49592

Visão geral de alto nível do Cordova executando aplicações web

Pré-requisitos

Para instalar o Cordova, você precisará de

• Node.js ( Node.js )
• SDK do Android (ou o SDK da plataforma móvel preferida para a qual deseja gerar o aplicativo nativo)
• Instalar o Cordova CLI usando o Node.js ( Documentação da API do Apache Cordova )

Atualmente, o Cordova é compatível com os seguintes SDKs de plataformas:

• iOS (Mac)
• Amazon Fire OS (Mac, Linux, Windows)
• Android (Mac, Linux, Windows)
• BlackBerry 10 (Mac, Linux, Windows)
• Windows Phone 8 (Windows)
• Windows (Windows)
• Firefox OS (Mac, Linux, Windows)

Depois de instalar o Cordova, certifique-se de que o caminho do seu SDK do Android esteja mencionado nas variáveis