Update: SAP’s recommended tool to develop SAPUI5 apps is using SAP Web IDE. So I would suggest you to start with Web IDE instead of Appbuilder. More info: SAP Web IDE – Enablement
I like spending weekend with SAP’s Mobile Solutions, last weekend I spent some time using Integration Gateway component that comes with SAP Mobile Platform 3. Integration gateway is a free component that comes with SMP 3 that enables you to connect to non SAP backends. To model and implement the Odata service we need to use eclipse with “Toolkit for Integration Gateway” plugin installed.
In this example I am extending the tutorial How to use Integration Gateway to create a mobile application that uses Hyper SQL Database (HSQDB) as backend. In that tutorial , it explains how to set up HSQDB, create a table and insert data, and create a Odata service using Integration Gateway. I am using the generated Odata service from Integration Gateway to create a mobile application (so I don’t want to explain again how to create a Odata service, this blog concentrates on how to develop a SMP 3 app with non SAP backend).
A helpful link to setup HSQDB,http://www.programmingforfuture.com/2010/06/using-hypersql-hsqldb.html.
The Odata service created after following the blog How to use Integration Gateway is http://22.214.171.124:8080/gateway/odata/sap/intgwtest;v=1 and to get the list of customer the Odata service is http://126.96.36.199:8080/gateway/odata/sap/intgwtest;v=1/CUSTOMER. To test the service, execute the url in a web browser, it gives the data present in the HSQDB.
Screen shot of Odata service created in Integration Gateway Cockpit:
Creating a Hybrid application in SAP Mobile Platform 3
1. Login to SMP cockpit in SMP 3 trial system > Click on “Applications” tab> click “New”.
2. In the new dialog window give the below details and click “Save” button. This will open a new dialog.
4. From AUTHENTICATION tab select existing profile> “sap“. The profile “sap” was created in the the blog How to use Integration Gateway with SMP 3.0
5. Click on the “Save” button. Finally to test the backend connection, select the app connection and then click on “Ping“. The response will be a successful message as given below.