Skip to Content

Small Notes : Criando um projeto Fiori Client

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

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

/wp-content/uploads/2015/08/json_775545.png

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.

    npm instal.png


*        Adicionando os plug-ins do pacote kapsel 

/wp-content/uploads/2015/08/create_775546.png

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)

   importaçao.png

      Aplicativo rodando

    Fiori.png


   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
You must be Logged on to comment or reply to a post.