This blog is a beginners guide for installing SAP Mobile SDK, creating Fiori Client and then deploying the web application.

Download Software from SAP service marketplace

To create a custom Fiori Client, we need the following software:
Go to -> https://support.sap.com/home.html -> Download software -> (This opens the Fiori launch pad)
Select the Software Downloads tile

Select Alphabet M

Download the installation file from SAP MOBILE PLATFORM and SAP MOBILE PLATFORM SDK

Installation from SAP MOBILE PLATFORM SDK 3.0

After downloading the installations navigate to Support Packages and Patches button on the right hand side.

Download the following support packages

Installation

You would need to unzip each of the support packages and run the setupMacOSX.jar files, follow the numbering of the series SMPSDK30013P_* ( 0 to 6 )
Running the Jar files in mac:
Open terminal -> Go to the folder -> /* Cmd */: jave –jar setupMacOSX.jar
Plausible error:

Solution:
Check if the JDK is on your mac ->/* Cmd */:  which java
Check java version :-> /* Cmd */:  java –version
Setting up the JAVA_HOME environmental variable:

Version of Mobile Client: SAP SDK 3.0 SP13


A quick way to check if all components have been installed successfully is to observe if the ‘create_fiori_client.js’ script is available in KaspelSDK

Software need for Fiori Client Application:

Install Node
From Nodejs.org website
Check node version: node -v
Install Cordova
sudo npm install -g cordova
Check cordova version: cordova -v
Install Java Development Kit from:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html (or grab the latest from oracle Java downloads)
Install Android studio
https://developer.android.com/sdk/index.html
On Mac, add this to your system path : /*Cmd*/: export PATH=$PATH:<path to Android SDK>/tools
Install Xcode
Install Xcode for App Store
Install IOS-SIM: sudo npm install -g iso-sim

Steps to generate Fiori Client:

Edit the file:
/Users/NaveenRokkam/MobileSDK3/KapselSDK/apps/fiori_client/config.json
{
“packageName”: “com.mindset.fiori”,
“targetFolder”: “MindsetFioriClient”,
“appName”: “MindsetFioriClient”,
“platforms”: [“ios”, “android”, “windows”]
}

In terminal navigate to the folder /Users/NaveenRokkam/MobileSDK3/KapselSDK/apps/fiori_client

Run the Node command to create the custom Fiori Client

One can observe in the terminal verbose that a new cordova project is getting created and platforms – ios, android and windows are added.

Connecting Fiori Client to Fiori LaunchPad:

Navigate to /Users/NaveenRokkam/MobileSDK3/KapselSDK/apps/fiori_client/MindsetFioriClient/www/appConfig.js
Change the FioriURL variable to the LaunchPad url of your system.

Deploying the App:

Compile and Build project:
/* Cmd */: cordova prepare
/* Cmd */: cordova build
Launch on IOS platform:
Navigate to the application, open platforms -> ios -> <projectName>.xcodeproj This would launch the Xcode SDK and deploy the app to the device or simulator. Sign the app using provisioning profile and then deploy the app to the device.
Launch on Android:
Connect your android device and run the below command.
/* Cmd */: cordova run android
This will launch the application on the device
To generate the unsigned apk:
/* Cmd */: cordova build android —release
Creation of keys:
/* Cmd */: keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
Place the my-release-key.keystore in apk folder and run the below command from the apk folder
/* Cmd */: jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore final-release-unsigned.apk alias_name
To optimize the apk using zipalign:
/* Cmd */: zipalign -v 4 final-release-unsigned.apk MyProject.apk

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply