SAP Build Apps + SAP Mobile Start

Motivation:

In this blog you will learn how to display a responsive SAP Build Apps web application on your mobile phone with SAP Mobile Start.

SAP Build Apps empowers anyone to develop applications in a visual way by drag&drop of components.

SAP Mobile Start allows users to access native or web-responsive (such as SAPUI5) business apps, data, and information from SAP Build Work Zone, standard edition. Users can easily access content, apps, and tasks in one place so that they can stay informed and carry out all their tasks no matter where they are.

Prerequisites

• SAP Build Work Zone, standard edition
• SAP Build Apps
• SAP Mobile Start app on your mobile phone

Getting started:

First of all you need to create a SAP Build Apps application. For example my Sales Order App.

You need to build and deploy the application that end-users can access the app. In the “Launch” Navigation open the Build Service.

Build your project as MTAR. This will take about 15 minutes.

You can refresh the page and see the status of the current build process. After the build is completed, you can deploy the app to your BTP account. Select “Deploy MTA”.

Authorize BTP Deployments with your user, select HTML5 Application Repository where you want to upload your app. The deployment can take several minutes and looks like this:

After the successful deployment you can see the link to your deployed application:

Now all steps are completed in SAP Build Apps and we go to your Work Zone, standard edition account. Go to your BTP subaccount where you have deployed your app, go to Instances and Subscriptions in the left menu and select “SAP build Work Zone, standard edition”.

Now you can create a new Site in Work Zone.

Ensure that SAP Mobile Start is enabled:

Close the Site Editor and open the Channel Manager to update the content. This will make the deployed app visible in the Content Manager.

After the update is done, select Content Manager in the Menu on the left side, select Content Explorer und Select HTML5 Apps

Search for your SAP Build Apps Application and add it to your content.

Afterwards you should see your app in “My Content”.

Optional: If you have built an app with approval workflows in SAP Build Process Automation, you can also enable the “My Inbox” in the Content Explorer, that it will also appear in SAP Mobile Start.

Next step is to create a new Group where you can register the application.

Provide a Title and assign the apps to the group. Press Save afterwards.

Last step is to define the user right. In my case the role “Everyone” should be able to access to application. I open the Everyone role. You could also create new roles, if needed.

Press Edit and assign the apps to the role. Afterwards save.

That’s it. Let’s jump to the app.

I installed the SAP Mobile Start app from the app store.

After opening the SAP Mobile Start app the first time, accept the End User License Agreement. Press on the “Get Started”. Now you need the scan the QR Code to connects SAP Mobile Start with your Work Zone site. You can find the QR Code in your Work Zone Site. You can open the site from the Site Directory.

In the top right corner select your Settings.

Select SAP Mobile Start Application and select “Register” afterwards.

Scan the QR-Code and press continue. Afterwards you have to login with your user on your mobile phone.

Next step is to Create a Passcode in SAP mobile Start, additionally I activated the Biometric Authentication. Now you should see your app in SAP Mobile Start.

Final result

If you have any issue, you can find additional information how to set-up SAP Mobile start here: https://help.sap.com/docs/build-work-zone-standard-edition/sap-build-work-zone-standard-edition/setting-up-sap-mobile-start-application

General more information about:

• SAP Build Apps: https://help.sap.com/docs/build-apps
• SAP Mobile Start: https://help.sap.com/docs/mobile-start

Additional learning possibilities:

• https://learning.sap.com/learning-journey/utilize-sap-build-for-low-code-no-code-applications-and-automations-for-citizen-developers
• Our brand new learning journey: https://learning.sap.com/learning-journey/develop-apps-with-sap-build-apps-using-drag-and-drop-simplicity

Have fun in visual programming!