Skip to Content
Technical Articles
Author's profile photo Midhun VP

Everyone Should Try This – SAP Mobile Cards

You know that there are multiple ways to build mobile apps using SAP Cloud Platform Mobile Service – it can be native, hybrid, web, meta-data driven & mobile cards.

In this blog, we are going to create a mobile app using Mobile Cards Kit without writing code. Using this option, mobile app can be built in few minutes.

1. Login to SAP Cloud Platform Mobile Service Cockpit

To go to Mobile Service Cockpit first login to SAP Cloud Platform trial account, http://hanatrial.ondemand.com.

Choose Neo Trial.

Click on Development & Operations tile. In the new window click on “Go to Service” to navigate to Mobile Service Cockpit. Note: If this service is not enabled, click on “Enable” button.

2.Define Backend

Copy the Server URL. It will be used in the next step.

Define connectivity – this is where you will provide backend details for the app. In our example we are using a sample service: https://hcpms-p1446543231trial.hanatrial.ondemand.com/SampleServices/ESPM.svc/SalesOrderHeaders?$top=3&$expand=Items.

Click on Info>Connectivity,

Provide destination name: SampleBackend

Paste the URL copied earlier. Change the Rewrite Mode to “No Rewriting”.

Choose SSO Mechanism as “Basic Authentication”. Click Next>Finish.

3. Create Mobile Card

Go back to Mobile Cards screen and click on “Create a new card” and follow the below steps.

Download the Mobile Cards app from Apple Store or Google Play to your phone.

Scan the barcode and run the app.

It is a native app with push notifications and offline enabled by default.

Assigned Tags

      12 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo tanisha baweja
      tanisha baweja

      Hi Midhun,

      Thanks for sharing, Could you please tell me how can we use our own odata service to display the data instead of the dummy data in the mobile card.Is there any documentation available for the same.

       

      Thanks,

      Tanisha

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Hi Tanisha,

      To use a custom backend when you define connectivity(backend) you can specifiy that particular backend URL. You can have a look at this example where it uses a custom backend- https://blogs.sap.com/2018/04/30/enable-purchase-order-approval-in-sap-mobile-card/?source=social-Global-SAP%20Developers-LINKEDIN_COMPANY-AudienceEngagement-Developers-SAPCloudPlatform&campaigncode=CRM-XB18-DGE-SM09

      Regards, Midhun

       

      Author's profile photo Nabheet Madan
      Nabheet Madan

      Thanks Midhun for blogging about. It is super simple yet so powerful.

      Author's profile photo Former Member
      Former Member

      Good article Midhun!

      Author's profile photo Saket Amraotkar
      Saket Amraotkar

      Excellent blog Midhun.

      Does it uses same concept as it was used in SUP?

       

      Regards

      Saket Amraotkar

       

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Hi Saket,

      I am not sure which concept in SUP you are referring to. Mobile cards is a brand new thing, which can't be compared with technologies we had on SUP.

       

      Regards,

      Midhun VP

       

      Author's profile photo Former Member
      Former Member

      Hi Midhun,

      Thanks for sharing the advanced feature in SAP Mobility.

      I could not find the Android App on the Google Play store, I am using Samsung S4 phone.

       

      Regards,

      Murty.

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Hi Murty,

       

      From the Google play, I can see that it support devices ver 6 and above. What is your android version on the device?

      Regards,

      Midhun VP

       

      Author's profile photo Vineet Safaya
      Vineet Safaya

      Hi Midhun,

      Great blog about basics of SAP Mobile card. I faced some issues where I was not able to see the  Cards after subscribing. To resolve that I cleared the App cache & registered again.

       

      Author's profile photo Young Hwan Kim
      Young Hwan Kim

      Hi Midhun,

      Very interesting blog.

      I installed the Mobile Cards App on my android, there is only one input field for e-mail (or server url),

      not like the s-user and password.

      Is there any big change since you posted this blog?

      Author's profile photo Midhun VP
      Midhun VP
      Blog Post Author

      Hi Young,

      If you see the video you will find that you can scan the barcode to reach the logon screen. You can follow the steps to find how it works.

      Regards, Midhun

       

      Author's profile photo Young Hwan Kim
      Young Hwan Kim

      Thanks, I solved the problem.