Running a Fiori application on Business Application Studio with data from on-premise system

[kguptaa18]

In my previous blog ( Using Cloud Connector to establish connectivity between SAP BTP and on premise system | SAP Blogs) , I have exposed an on-premise system .

Now continuing further , I will use a O Data service available in on-premise system and create a Fiori application on the business application studio and run it locally . The Odata services gives me the list of documents from the on-premise system.

 

• 
  

  Environment Pre-requisites:

  
  
  
  
  • You have an on premise system on which you have exposed an O Data service
  
  
  • You have setup SAP Cloud Connector
  
  
  • You access to SAP BTP
  
  
  • You have created an SAP Fiori dev space in SAP Business Application Studio.
  
  
  • The SAP Fiori dev space is in status RUNNING and you opened it.
  
  
  
  

The flow consists of following steps mentioned below :

Step 1 :   Create new Multitarget Application project

• Run a Wizard to create a multi-target application (MTA) project that is configured to use Managed Application Router. An MTA is required in order to create the deployment artifact for SAP BTP, Cloud Foundry environment.


• Logon on to your Business Application studio and start your dev. space.

In the menu bar, select View --> Find Command

Open CF Application Router Generator command in the command palette in your business application studio

• The Application Route Generator Wizard opens up and following parameters need to be provided :


• Application router project path


• MTA ID and description


• Add Route Module

A project gets created once you click on Finish.

Step 2  : Open the Workspace 

• Select File ---> Open Workspace

• Select the FiorionCloud within the project folder and open the project

 

Step 3 : Generate an app based on SAP Fiori Application template

• Choose SAP Fiori Application

 

• For the floor plan selection , select the application type as SAP Fiori elements and choose List Report object page.

 

• Next choose 'Connect to a System' for the data source , For system choose your 'on-premise system' which you want to connect to . Select the Odata service which you have exposed from your backend system.

• Select your main entity and navigation entity if available from your o-data service.

• Provide a view name

 

• Next provide the project attributes

Provide the module name , application title , description , project folder path , add deployment configuration

• For Deployment Configuration , select the following and click next

Set Target as 'Cloud Foundry'. Destination is the back system which was configured and mapped via cloud connector.

• Wait until the installation of project dependencies is completed. A notification that “The project has been generated” appears at the bottom right of the screen.

 

Step 4 : Running the Fiori App locally in the Dev Space

In order to run app locally , open the run configurations view .A set of run configuration that were created as part of the app generation is shown.

Run 'start documentlist'

 

Allow popups when prompted.. The Debug view opens, and the status bar color changes to orange, indicating that a debug session is in progress.

 

• A new browser tab opens showing the Fiori app.

 

 

So now you are able to develop a Fiori App using the SAP Business Application Studio and the app running locally in the dev space. We learned about templates , wizards , command palette and more.

Additional Links to read :

https://help.sap.com/products/BTP/65de2977205c403bbc107264b8eccf4b/11d77aa154f64c2e83cc9652a78bb985....