Skip to Content

Worried how to use cloud services when your data is in on premise? In this blog I am explaining how to create a mobile app in the cloud, which consume data from your backend on premise systems. Hope it will be helpful.

I have a requirement to create a mobile app that talks to my on premise backend systems. I want to create it real quick without spending a lot of time on setting up the development environment, hence I have decided to use the cloud services available on HCP.

I have chosen three major services:

  1. Web IDE to quickly create a mobile app.
  2. HANA Cloud Platform Mobile Services to add enterprise level features to my app.
  3. HANA Cloud Connector to securely connect cloud services with my on premise systems.

In this blog you will learn how to create a mobile app using Web IDE, how to use HCPMS to create your mobile app and finally configure HANA Cloud Connector to communicate HCPMS with your backend on premise system.

/wp-content/uploads/2015/11/2015_11_23_21_08_14_836394.png

Setting up HANA Cloud Connector

  • HCC could be installed in few minutes. Download HCC from here.
  • After extracting the HCC zip file, open the directory and run the batch file go.bat to start cloud connector.
  • Then, run the url https://localhost:8443/

/wp-content/uploads/2015/11/2015_11_23_14_24_49_836415.png

  • For username and password enter Administrator / manage(Case sensitive).
  • Next, choose Master type installation.

/wp-content/uploads/2015/11/2015_11_23_14_28_23_836416.png

  • On the next screen, enter your HCP trial details as given below. If you do not have HCP trial, register here.

/wp-content/uploads/2015/11/2015_11_23_14_42_00_836417.png

  • From the new screen choose Access Control then click on Add.

/wp-content/uploads/2015/11/2015_11_24_02_34_14_836437.png

  • Choose backend system type as SAP Gateway.

/wp-content/uploads/2015/11/gateway_836447.png

  • Select HTTPS protocol.

/wp-content/uploads/2015/11/2015_11_23_21_49_03_836448.png

  • Then, provide SAP Gateway internal hostname and port.

/wp-content/uploads/2015/11/2015_11_23_21_51_33_836449.png

  • Next, provide a virtual host and port. You could give any values here.

/wp-content/uploads/2015/11/2015_11_23_21_53_00_836450.png

  • Choose Principal Propagation Type as None.

/wp-content/uploads/2015/11/2015_11_23_21_53_20_836451.png

  • Click on Finish.

/wp-content/uploads/2015/11/2015_11_23_21_53_34_836452.png

  • Then, choose the system we just created, and click on Add.

/wp-content/uploads/2015/11/2015_11_23_21_55_18_836462.png

  • Provide below details. Here I am choosing url path as “/” which will allow HCP to access all the Odata serivces available in SAP Gateway. If you need to give access to only specific services mention only that.

/wp-content/uploads/2015/11/2015_11_23_21_57_12_836464.png

  • Now we are good to go. It should a green icon under Connector State.

/wp-content/uploads/2015/11/2015_11_23_15_55_42_836465.png

Configuring Application in HCPMS

  • Login to HCPMS admin cockpit. If you do not have access to it, enable the service by following this blog.
  • Then, click on Applications tile.

/wp-content/uploads/2015/11/2015_11_23_23_57_00_836466.png

  • Click on Add icon.

/wp-content/uploads/2015/11/2015_11_23_23_57_46_836467.png

  • Provide the details as given below.

/wp-content/uploads/2015/11/2015_11_24_00_01_23_836468.png

  • Next, click on Configure and provide details as given below. Note that the backend URL will be having the virtual host name and port we configured during the HCC configuration. Click on Save.

/wp-content/uploads/2015/11/2015_11_24_00_01_59_836469.png/wp-content/uploads/2015/11/2015_11_24_00_04_09_836470.png

  • To test the configuration click on Ping. You should get a Ping Successful message.

/wp-content/uploads/2015/11/2015_11_24_00_05_39_836476.png

Creating Mobile App using Web IDE

We need access to the backend system to create app in Web IDE. Hence before creating the mobile app we need to create a destination in HCP.

Creating Destination in HCP

  • From your HCP cockpit click on Destinations and then click on New Destination.

/wp-content/uploads/2015/11/2015_11_23_22_01_24_836474.png

  • Then provide the below details. For the property SAPWebIDEUsage the values are: odata_abap,bsp_execute_abap,dev_abap,ui5_execute_abap
  • Click on Save.

/wp-content/uploads/2015/11/2015_11_23_23_11_14_836475.png

  • Now, run your Web IDE. Then, choose File > New > Project from Template. Choose template SAPUI5 Master Detail Kapsel Application.

/wp-content/uploads/2015/11/2015_11_23_23_39_26_836477.png/wp-content/uploads/2015/11/2015_11_23_23_40_49_836478.png

  • Provide a Name for the project and choose the destination SAPGateway. Then, choose the Odata service you want to use in your app. I chose RMTSAMPLEFLIGHT, it provides a list of flights details. Then, click on Next.

/wp-content/uploads/2015/11/2015_11_23_23_41_41_836481.png/wp-content/uploads/2015/11/2015_11_23_23_43_05_836479.png

  • Then, provide the names of properties to be displayed on the mobile app. Click on Next > Finish.

http://i1204.photobucket.com/albums/bb412/midhunvp/2015-11-24_04-13-38_zpsbt4ijxun.png

  • Right click on the project > Project Settings.

/wp-content/uploads/2015/11/2015_11_23_23_50_50_836483.png

  • Provide the below details.
  • In this step we are defining,
    • the app ID we created in HCPMS
    • mobile platforms this app should support
    • kapsel plugins to be used with the app. (Logon)

/wp-content/uploads/2015/11/2015_11_23_23_54_07_836484.png/wp-content/uploads/2015/11/2015_11_23_23_54_52_836486.png/wp-content/uploads/2015/11/2015_11_23_23_55_26_836487.png

  • Click on Save.
  • Next, right click on the project > Run > Run on > iOS Simulator. You can choose your preferred device.

http://i1204.photobucket.com/albums/bb412/midhunvp/2015-11-24_00-06-52_zps6ruxxohy.png

  • Note: You need to configure HAT to test the app on a device. I am not explaining how to configure HAT in this blog.
  • Provide the SAP Gateway login credentials to register with HCPMS. You ‘re done !! Now you could see your on premise data on mobile.

http://i1204.photobucket.com/albums/bb412/midhunvp/2015-11-24_00-10-45_zpsu0zv9a7h.png http://i1204.photobucket.com/albums/bb412/midhunvp/2015-11-24_00-26-21_zpspwwnw4us.png

SCN spaces to follow:

SAP HANA Cloud Platform Developer Center

SAP for Mobile

SAPUI5 Developer Center

SAP HANA Cloud Platform (Read Only Archive)

Regards, Midhun

SAP Technology RIG

To report this post you need to login first.

3 Comments

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

  1. Jayakrishnan Chandramohan

    Hi Midhun,

            Thank you very much for the steps. But i am not able to complete the initial configuration for the HCC.  have mentioned my error message below. Actually this is my company system. Is there any network issue or need open internet access?

    Failed to sign the SAP HANA Cloud Connector certificate for account p1940803128trial. Verify configuration and proxy settings — see ”Logs” for details


    Thank you,

    JK

    (0) 
    1. Midhun VP Post author

      Hi Jayakrishnan,

      If you are using a proxy, provide the details when you are configuring HCC.

      Regards, Midhun

      SAP Technology RIG

      (0) 

Leave a Reply