Creating a Fiori Overview Page (OVP) with the Northwind OData service

In previous post, oData server is set. 

Then we'll create Fiori OVP project from template.


Step 1. Run WebIDE & login

http://localhost:8080/webide/index.html


Step 2. Create Project from Template

Click Workspace > Right Click > New > Project from Template

Step 3. Create Project from Template

Select Category : All categories

Find "Overview Page Applications"

Step 4. Set Project Name

Step 5. Select Data Service

Sources : Service URL

System : NorthWind

Service : /V2/Northwind/Northwind.svc

Click "Test"

Step 6. Customize template

Step 7. OVP project is created

Step 8. Run as SAP Fiori Launchpad Sandbox

Step 9. Empty OVP

References

Overview Pages
https://help.sap.com/viewer/468a97775123488ab3345a0c48cadd8f/7.52.2/en-US/c64ef8c6c65d4effbfd512e9c9aa5044.html

Connect remote systems in SAP WebIDE Personal Edition

You can define service destinations to access remote systems as required. 


FYI. For SAP Cloud users, add connection in SAP Cloud Platform Cockpit


For Personal Edition users, you need to set it manually. 


Step 1. 

Create a file with the same name as your remote system in the following location.

C:\SAPWebIDE\eclipse\config_master\service.destinations\destinations


Step 2.

Open the file you created and add the following configuration, replacing the placeholders with values specific to your system. 


For ABAP System 

File Name : "TEST"

 Description=[description]

 Type=HTTP

 TrustAll=true

 Authentication=NoAuthentication

 Name=[Name]

 URL=[Server URL]

 ProxyType=OnPremise

 WebIDEUsage=odata_abap,ui5_execute_abap,dev_abap

 WebIDESystem=[Name]

 WebIDEEnabled=true

 sap-client=[Client ID]

You can set auth info to avoid to login popup.

ex)

Authentication=BasicAuthentication

User=[sap user id]

Password=[sap user password]



For External Services

File Name : "NorthWind"

 
 Description=NorthWind

 Type=HTTP

 TrustAll=true

 Authentication=NoAuthentication

 DestinationProvider=Application

 ProxyType=Internet

 WebIDEEnabled=true

 WebIDESystem=NorthWind

 WebIDEUsage=odata_gen

 URL=http://services.odata.org

References

Connect Remote Systems in SAP Web IDE Personal Edition
https://help.sap.com/viewer/825270ffffe74d9f988a0f0066ad59f0/Cloud/en-US/2cf47f37e34c428c97a51057733c0394.html

Creating a Fiori Overview Page (OVP) with the Northwind OData service
https://wiki.scn.sap.com/wiki/display/SAPMOB/Creating+a+Fiori+Overview+Page+%28OVP%29+with+the+Northwind+OData+service