This blog provides details about using MCS/OMCe back-ends in Visual Builder (VB) mobile apps. We will walkthrough the steps of configuring VB service connections and using the data from MCS to build a simple mobile app.
MCS Mobile Backend(MBE) Configuration:
Identify the MBE you want to use in your app and get the following information from the MBE API & Settings:
1. Service URI:
Navigate to the API section of your MBE to get the base URI for the end point
2. Mobile Backend(MBE) ID
Get MBE ID from the Settings section as shown in the screenshot below
3. Authentication details
Identify authentication mechanism used to secure the MBE. Typically, any mobile user defined in the Users section of the back-end
Service Connection Configuration:
1. Create a Visual App
2. Create a Service Connection using Define by End Point option. This experience is going to get much better in a upcoming release but for now follow the steps below
3. Configure Base URI using the Base URI from step#2 in MBE Configuration section
4. Configure MBE Id as Request Header
5. Authentication
From the Authentication mechanism drop down select Basic and configure the user name and credentials for the mobile user from step #3 in MCS MBE configuration section.
6. Use the Test tab to test the end point. Use Copy to Response Body option to create the resource definition from the response
Create Mobile App UI
1. Create a mobile app & select navigation template
2. Select a page template
3. Add Listview from the component palette to the page and select AddData from the quick start menu
4. Select the end point configured in the Service Connection Configuration section to bind data to the Listview
5. Run the app to preview in the browser using the play button on the top right