Skip to Content
Author's profile photo Claudia Polster

Develop Hybrid Mobile Apps With SAP Web IDE Part 3

part 1

  • Create a new Kapsel App
part 2
  • Add new Functionality
  • Test In Browser with Cordova Facade

part 3

this part 😉

  • Run The App On Your Mobile Device

Run The App On Your Mobile Device

To run the App on a mobile device we must first install Companion-App. For Android you will get it here.

The companion App is also a part of HAT. Here you can download HAT. (And here are guides how you can install HAT)

This app allows us to scan the QR-Code from the SAP Web IDE-WebPreview and start the same App on a mobile device.

All the Kapsel plugins our mobile app might need are already included in the Companion App.

Test On Your Device

Now that the Companion App has been installed, we can scan the QR Code shown the SAP Web IDE Preview window and this will start the app on the mobile device.

On the preview tab click on the small QR Code icon at right-top of view.

/wp-content/uploads/2015/11/52_838979.png

Start the companionApp

/wp-content/uploads/2015/11/53_838980.png

Double tap on the screen or click the button at the bottom left to open the menu.

Click the SCAN button at the top.

/wp-content/uploads/2015/11/54_838981.png

Scan the QR Code from your SAP Web IDE Application preview in the chrome browser.

/wp-content/uploads/2015/11/55_838985.png

Enter your HANA Cloud credentials (or SCN credentials) and click Login

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

The products will show up.

Click the Scan button

/wp-content/uploads/2015/11/57_838987.png

Scan the QRCode/Barcode

/wp-content/uploads/2015/11/58_838988.png

In the Message box you will see the result of your scan.

In the background it searches for the scanned product.

/wp-content/uploads/2015/11/59_838989.png /wp-content/uploads/2015/11/60_838990.png

Open one product to see the details.

At the bottom click Add to Contact button.

/wp-content/uploads/2015/11/61_838991.png

Click OK on the success message.

/wp-content/uploads/2015/11/62_838992.png

Open the Contacts App on your smart phone

/wp-content/uploads/2015/11/63_838993.png

search for this contact.

If you cannot find it make sure that you used the Android for work contacts app

/wp-content/uploads/2015/11/64_838997.png

More Web IDE stuff published by Technology RIG 🙂

See you

Claudi

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo LAN XIAO
      LAN XIAO

      wondful

      Author's profile photo Erik Hoven
      Erik Hoven

      Yes, yes, yes... 😉

      Author's profile photo Sivaganesh K
      Sivaganesh K

      I tried to do the same preview in webide. But I could not get the qr code enabled.? am I missing something here

      Author's profile photo Martin Litschke
      Martin Litschke

      Hi,

      is it possible to develop hybrid applications with SAP WebIDE HAT without using HCPms or SMP so that we are able to deploy the hybrid app with an 3rd party Mobile Device Management to our mobile phones?