Web IDE- Designing Simple UI5 App

First UI5 App Design(consuming Odata Service) with Web IDE

Lets start with a simple one. A UI5 app display some data that can be produced by a oData service. A oData service can be created in SAP using Gateway. But for the first lets take some oData service available publicly on the internet.

We have the link of the oData service:      http://services.odata.org/ 

There are many services. choose as highlighted.

---

In this oData service- http://services.odata.org/V3/OData/OData.svc/  

Let use the version 2.

---

In this oData service- http://services.odata.org/V2/OData/OData.svc/     , we have many Entity Sets like Products, Categories, Suppliers etc. Lets try the Products entity set.

---

The JSON format displays data more in a easy  to understand manner. 

http://services.odata.org/V3/OData/OData.svc/Products?$format=json

---

Login to the SAP Cloud Platform Cockpit .

Here we need to create a destination i.e a pointer to the http://services.odata.org  where the different services are located.

Under Connectivity, create a new Destination and provide below details. After configuring the destination, choose Check Connection button to check if the connection to the destination is successful or not. Once we have configured the destination its time launch WEB IDE. Choose Services.

Here you can select SAP Web IDE.

Choose Go to Services.

Well the web IDE is launched.

Watch the video to create a UI5 app of the Products.

---