28
Generated by Jive on 2015-04-30+02:00 1 SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud Posted by Midhun VP Apr 7, 2015 In this blog I am explaining an easiest way of developing your mobile app on the Cloud. SAP's tools in the cloud are made developer friendly, I hope you'll like it. This example takes you through 3 major steps. 1. Develop Fiori like application using Web IDE 2. Deploy it to HANA Cloud Platform 3. Deploy app to mobile device using Mobile Secure Requirements HANA Cloud Platform trial (HCP) - The application development is using SAP Web IDE and it is on HCP. Register for free trial of HCP. SAP Web IDE (do steps till 4.2)- It is a development environment for web and hybrid apps. SAP Mobile Secure - It is the mobile device management solution on the cloud. 1. Creating app using SAP Web IDE 1. Open Web IDE 2. Click on > New > Project Template.

3 Steps to Develop and Deploy Your Mobile Apps End to End

Embed Size (px)

DESCRIPTION

Develop your mobile apps

Citation preview

  • Generated by Jive on 2015-04-30+02:001

    SAP for Mobile: 3 Steps to Develop andDeploy your Mobile Apps - Everything onCloud

    Posted by Midhun VP Apr 7, 2015In this blog I am explaining an easiest way of developing your mobile app on the Cloud. SAP's tools in thecloud are made developer friendly, I hope you'll like it. This example takes you through 3 major steps.

    1. Develop Fiori like application using Web IDE2. Deploy it to HANA Cloud Platform3. Deploy app to mobile device using Mobile Secure

    RequirementsHANA Cloud Platform trial (HCP) - The application development is using SAP Web IDE and it is on HCP.Register for free trial of HCP.SAP Web IDE (do steps till 4.2)- It is a development environment for web and hybrid apps.SAP Mobile Secure - It is the mobile device management solution on the cloud.

    1. Creating app using SAP Web IDE1. Open Web IDE2. Click on > New > Project Template.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:002

    3. Choose SAP Fiori Master Detail Application. Click Next.

    4. On Project Name field enter "End2End". Click Next.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:003

    5. Select Gateway system "ES1" and choose Odata service ZPRODUCT_SRV[ZCL_ZPRODUCT_DPC_EXT]. Note: To use ES1 system as your backend for your mobile app make sure you have defined a destinationwith SAP Gateway trial. This video could help you to do it.

    6. Click Next.7. On the new window opened provide below details.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:004

    8. Click Next, then click on Finish. Done!! You have created an app.9. To run the app expand the project. Click on index.html, then click on Run.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:005

    10. It opens the app and asks for SAP Gateway credentials. Enter the credentials to see the app running onbrowser.

    2. Deploy App to HCP1. Right click on the project choose Deploy, then select Deploy to HANA Cloud Platform.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:006

    2. Provide HCP credentials. Click on Login.

    3. Check Create version and enter 1.0. Check Activate, then click on Deploy.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:007

    4. You should get a Successfully Deployed message. Click on Close.

    3. Deploy App to Mobile Device1. Login to SAP Mobile Secure. Click on Applications tab, then click on New Application.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:008

    2. On Select Application Type window. Choose Fiori Application and click Next.

    3. On Name field enter Products. Check Deploy to managed users only and Mark as featured app.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:009

    4. Click on Multimedia tab and set Application Icon and Banner image.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0010

    5. Click on Supported Platforms. Click on Get Started. A new window will appear.6. Choose OS platform as Android and enter Base URL (application URL).

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0011

    Note: Find your Base URL from HANA trial account - Login to https://account.hanatrial.ondemand.com/cockpitClick on HTML5 Applications > click on end2end.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0012

    7. Click on App Signing tab and browse android keystore and enter the password. Note: To create an android keystore follow the document: Creating a signed APK in Android Studio Use keystore of any application.

    8. Click OK. It will deploy the app.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0013

    9. Click OK.10. Click on workflow icon and select Set to production.

    11. Click Save. We have successfully added the app to the enterprise app store (mobile place).

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0014

    12. The enrolled user can go to Enterprise App Store and install the app in his device.Note: when you run the app it asks for HCP credentials as well as backend credentials, to hide the HCPcredentials add property "authenticationMethod": "none" to the file neo-app.json

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0015

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0016

    Note: Watch this video to know how to enrol your device with SAP Mobile Secure.

    What's happening during the build ?Mobile secure is creating a Fiori Client app (Cordova based) with the Fiori application URL preconfigured withit. The Fiori Client is using the same Fiori web application which is hosted on HCP.

    Regards, MidhunSAP Technology RIG4619 Views Tags: hana_cloud_platform, sap_mobile_secure_cloud, sap_web_ide

    Beata Ciepiel in response to Rottwei . on page 17Apr 29, 2015 7:58 AMHi Rottwei

    Pls see Dhiman Patel answer to this issue above.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0017

    BRBeata

    Rottwei .Apr 29, 2015 6:50 AMHi Midhun,

    The app publishing is getting failed with the following error. I created the key store with the cmd prompt

    keytool -genkey -v -keystore MobilePlaceFirstApp.keystore -alias MobilePlaceFirstApp -keyalg RSA -keysize 2048 -validity 10000

    DetailsFailed to initialize session with signing server [{"Status":"Error","Code":1001,"Message":"Fiori Client buildservice error: Fail on jarsigner: 1 - jarsigner: Certificate chain not found for: . must reference avalid KeyStore key entry containing a private key and corresponding public key certificate chain.","Detail":"Signing server session id: brh54ij12r4r4mtec8spu86at7"}]

    Need suggestion

    Regards,Rottwei

    Beata Ciepiel in response to Dhimant Patel on page 19Apr 28, 2015 7:29 PMHi Dhimant,

    Thank you. It helped to create a keystore from the command line.

    BRBeata

    SAP Rocks in response to Midhun VP on page 17Apr 28, 2015 10:25 AMHi Mithun,

    Thanks a lot for the quick help..!!It worked..!!

    Thanking You All..!!

    Midhun VP in response to SAP Rocks on page 18

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0018

    Apr 28, 2015 10:11 AMHi Ankit,

    WebIDEUsage property value you given is wrong. Please find my configuration below:

    Regards,MidhunSAP Technology RIG

    SAP Rocks in response to Midhun VP on page 20Apr 28, 2015 10:03 AMHi Mithun,

    Thanks for the reply.I could not find it even after refreshing or re logging in.

    Looking for your assistance.

    Thanking You All..!!

    Midhun VP in response to Beata Ciepiel on page 20Apr 27, 2015 7:58 PMHi Beata,

    As Dhimant mentioned you could rename it to keystore from jks or use the command line.Also make sure you are passing alias name for the field Keychain alias, it's not the password of alias.

    In the below example, I have to pass "android" as Keychain alias.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0019

    Regards,MidhunSAP Technology RIG

    Dhimant Patel in response to Beata Ciepiel on page 20Apr 27, 2015 6:15 PMInstead of .jks for extension, just use .keystore and save the file... @midhun is trying and he can confirm aswell.

    In all honesty, the simple way to create a keystore is from command line... see the example here...

    How to publish Fiori app for Android in SAP Mobile Secure

    How to use Java Keytool

    Usage:

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0020

    keytool -genkeypair -alias -keypass -keystore -storepass -dname

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0021

    I use Android 1.1.0. When I go to Build > Genereate Sigend APK... the system only allows me to create a filewith extension.jks (see

    attch).I create then "key store path", "key store password", "alias" and "key password".

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0022

    Then I successfully genereated an APK file.

    Before 'App Signing' in SAP Mobile Secure I have renamed .jks file to .keystore file manually.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0023

    In SAP Mobile Secure in "App Signing" I entered the renamed .keystore file, "key store password" and "alias".

    Then I try to publish. Unfortunately I get the response: Publishing failing with a message.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0024

    I am not sure if I enter right data in the relevant fields.

    Best regardsBeata

    SAP RocksApr 25, 2015 11:40 PMHi Midhun,

    Nice blog, thanks for sharing..!!

    I tried to develop an application, I am able to save the required destination as per the credentials for ES1 invideo SAP Web IDE Local Install Part 3 - Connecting to & Using an SAP Gateway OData Service -YouTube.

    Name ES1Type HTTPDescription SAP EPM Demo SystemURL https://sapes1.sapdevcenter.com:443Proxy Type InternetCloud Connector Version 2Authentication NoAuthentication

    Additional Properties

    TrustAll trueWebIDEEnabled trueWebIDESystem ES1WebIDEUsage ui5_execute_abap

    But I could not find ES1 in dropdown in Step 5 ( Data Connection ).

    Would request you to kindly assist.

    Thanking You All..!!

    Midhun VP in response to Beata Ciepiel on page 24Apr 24, 2015 5:27 PMHi Beata,

    When you are creating keystore file change the extension from jks to keystore and try. Ex. demoapp.keystore.

    Regards,MidhunSAP Technology RIG

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0025

    Beata CiepielApr 24, 2015 3:01 PMHi Midhun,

    Thank you for this very useful blog.

    I have one question refering to step 3.I have created an android keystore in Android Studio with extension .jks. When I then try to upload thiskeystore file into the Mobile Secure in step 7 (App Signing), the system requires a file with extension .p12or .pfx. Then I cannot finilized the deployment.

    I just followed the guide you refer to via the link in step 7.

    RegardsBeata

    Midhun VP in response to Raju B on page 25Apr 22, 2015 6:51 PMHi Raju,

    Since your question is not related to the topic in the blog please post your question in this space:SAP HANACloud Platform Developer Center

    Regards,Midhun

    Raju BApr 22, 2015 2:58 PMHi Midhun,THank you for this explanation. It is help fully really.I do have one more query, Actually ia m from Abap back ground and i have a task given for internal purposeof competency.The task is that, i need to develop an ABAP appication adn should be deploed on HCP.Is it possible?, i see there is no ABAP stac on HCP. if so , is there any alternate way?could you pelase suggest.

    Regards,raju.

    sridevi garapati in response to Midhun VP on page 26Apr 22, 2015 12:37 PMHi Midhun,

    Thanks for your reply.

    It's working fine

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0026

    RegardsSridevi

    Midhun VP in response to sridevi garapati on page 26Apr 22, 2015 9:54 AMHi Sridevi,

    You could follow this video to enrol your device:https://www.youtube.com/watch?v=DbB_jhWd3hQ

    Also you could create a user in Mobile secure with access only to mobile place (internal app store), so frommobile they could go to the app store and install the app to device without enrolling the device. While creatinguser you will find roles related to this.

    Regards,MidhunSAP Technology RIG

    sridevi garapatiApr 22, 2015 9:15 AMHi Midhun,

    Thank for sharing a nice blog.

    By following the above steps I can uploaded APK file successfully.

    By following the suggested video I installed Afaria. When I am trying to open it it was asking about theEnrollment Code.

    Can you please suggest me , how to create Enrollment code to enter into the enterprise app.

    RegardsSridevi

    Tahir zApr 21, 2015 8:27 AMUsefull and very well explained Midhun.

    Thanks-Tahir

    R Sampath KumarApr 19, 2015 5:32 PMHi Midhun,

    Nice blog.useful info. i will try Open sap exercise via this.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0027

    With regards,sampath kumar.

    Niladri Chakravarty in response to Midhun VP on page 27Apr 15, 2015 11:25 AMHi Midhun,

    Thanks for your response. We have actually created trial user for mobile Secure. But the problem we are facingwhile trying to execute point#12. We have published our Android mobile application to mobile place, but whenwe access the Mobile Place, we could not see our App there. It is showing as No Data.

    Please suggest.

    regards,

    Niladri

    Midhun VP in response to Niladri Chakravarty on page 27Apr 15, 2015 10:48 AMHi Niladri,

    You will be able to add users to mobile secure. While adding users you could give roles that could access themobile place.

    Once the user is added a mail will be send to the users with more information to access mobile place.

    This video has some information creating user:https://www.youtube.com/watch?v=DbB_jhWd3hQ

    Regards,Midhun VP

    Niladri ChakravartyApr 15, 2015 8:58 AMHi Midhun,

    Please suggest how do we access Mobile Place to download the app

    Thanks,

    Niladri

    Vishnu PankajakshanApr 13, 2015 7:54 AMgreat post.

  • SAP for Mobile: 3 Steps to Develop and Deploy your Mobile Apps - Everything on Cloud

    Generated by Jive on 2015-04-30+02:0028

    Regards,Vishnu