Olá pessoal ,
Inicio hoje uma serie de posts que denominarei de “Small Notes” , serão pequenas notas mostrando como fazer algo técnico relacionado a SAP , a intenção é ser bem objetivo. Espero que gostem.
irei mostrar como construir uma versão do Fiori client para plataforma android utilizando cordova e os plug-ins do pacote Kapsel , para conseguir cumprir essa tarefa existem alguns requisitos de instalação conforme listado abaixo.
Requisitos de instalação
- SMP 3.0 (Software Downloads | SAP Support Portal)
- Node.js (Node.js)
- Cordova (https://cordova.apache.org/)
- SDK Android (Download Android Studio and SDK Tools | Android Developers)
- IDE de programação (no caso utilizarei o Eclipse) (Eclipse Downloads)
Após a instalação dos itens execute os passos abaixo:
1 – vamos começar editando o arquivo “config.json” localizado no caminho “C:\SAP\MobileSDK3\KapselSDK\apps\fiori_client\config.json”
ajuste o arquivo alterando os valores das chaves ex. "packageName":"scnDemo","targetFolder":"DemoSCN" e etc , na chave “platforms” poderá ser inserida plataforma que desejar ex. “[“android”,”iOS”]” desta forma quando a aplicação for construída na pasta raiz da aplicação ira conter uma pasta para cada plataforma colocada na chave.
2 – Criar a estrutura e adicionar Plugins SAP.
Iremos agora criar a estrutura e adicionar os plug-ins, para isto iremos utilizar o prompt
basta digitar as linhas abaixo no caminho "c:\SAP\MobileSDK3\KapselSDK\apps\fiori_client".
* Criando a estrutura da respectiva plataforma.
* Adicionando os plug-ins do pacote kapsel
Após executar os comandos a estrutura de pastas e os plug-ins do pacote kapsel estarão instalados , para conferir os plug-ins ainda pelo prompt entre na pasta com o nome do seu projeto e execute o comando “cordova plugins” se tudo estiver correto o prompt mostrar uma lista como esta.
com.sap.mp.cordova.plugins.apppreferences 3.8.0 "AppPreference"
com.sap.mp.cordova.plugins.attachmentviewer 3.8.0 "AttachmentViewer"
com.sap.mp.cordova.plugins.authproxy 3.8.0 "AuthProxy"
com.sap.mp.cordova.plugins.barcodescanner 3.8.0 "BarcodeScanner"
com.sap.mp.cordova.plugins.cachemanager 3.8.0 "CacheManager"
com.sap.mp.cordova.plugins.corelibs 3.8.0 "CoreLibs"
com.sap.mp.cordova.plugins.e2etrace 3.8.0 "E2ETrace"
com.sap.mp.cordova.plugins.encryptedstorage 3.8.0 "EncryptedStorage"
com.sap.mp.cordova.plugins.fioriclient 3.8.0 "FioriClient"
com.sap.mp.cordova.plugins.i18n 3.8.0 "i18n"
com.sap.mp.cordova.plugins.logger 3.8.0 "Logger"
com.sap.mp.cordova.plugins.logon 3.8.0 "Logon"
com.sap.mp.cordova.plugins.online 3.8.0 "Online"
com.sap.mp.cordova.plugins.settings 3.8.0 "Settings"
com.sap.mp.cordova.plugins.toolbar 3.8.0 "Toolbar"
com.sap.mp.cordova.plugins.voicerecording 3.8.0 "Voice Recording"
com.sap.mp.cordova.plugins.xhook 3.8.0 "Xhook"
de.appplant.cordova.plugin.printer 0.7.0 "Printer"
nl.x-services.plugins.calendar 4.2.6 "Calendar"
org.apache.cordova.camera 0.3.5 "Camera"
org.apache.cordova.contacts 0.2.16 "Contacts"
org.apache.cordova.device 0.3.0 "Device"
org.apache.cordova.dialogs 0.3.0 "Notification"
org.apache.cordova.file 1.3.3 "File"
org.apache.cordova.geolocation 0.3.12 "Geolocation"
org.apache.cordova.inappbrowser 0.6.0-patched "InAppBrowser"
org.apache.cordova.media 0.2.16 "Media"
org.apache.cordova.media-capture 0.3.6 "Capture"
org.apache.cordova.network-information 0.2.14 "Network Information"
org.apache.cordova.splashscreen 0.3.0 "Splashscreen"
org.apache.cordova.statusbar 0.1.10 "StatusBar"
3 – Prepare e import
No próximo passo iremos executar o comando “prepare” para em fim importar para IDE , execute o comando “Cordova –d prepare”.
Abra a IDE importe o projeto que esta na pasta “c:\SAP\MobileSDK3\KapselSDK\Apps\Fiori_client\<pasta com o nome do seu projeto>”
Resultado esperado:
Importação IDE (Eclipse)
Aplicativo rodando
para aprofundar na customização recomendo a leitura http://scn.sap.com/docs/DOC-56080
Por hoje é só pessoal , vejo vocês na próxima Small Note.
Abs.
2 Comments
