Extend SAP Fiori application leveraging SAP River Rapid Development Environment in 10 minutes
In my opinion, the SAP delivered Fiori applications are a great starting point to provide a fresh SAP user experience on a variety of devices.
However, since standard software has never been meant to meet each and every customer specific requirement, it has always been crucial to extend the out-of-the box delivery. While I described how to reuse an existing SAP Fiori services to build a completely new SAP HANA Cloud Platform Fiori application earlier, I would like to show you how to extend a SAP Fiori application to meet your needs even quicker.
For this, choose an Extension Project:
Then choose the ABAP Team Provider destination defined as per help.sap.com and select the Fiori application you would like to extend, in this case the Fiori Track Purchase Order app:
Confirm the New Extension Project
SAP River RDE now presents you with a live preview of the application, including actual data:
Since I would like to augment the Purchase Order details with a goods receipt functionality, I copy the respective view highlighted by River RDE when clicking on it in the preview:
With the copy of the POItem view in place, I add a toolbar with a button to the footer:
And got the UI work completed with a Goods Recipt button appearing on the right hand side of a new footer bar:
Next I need to add the business logic, i.e. what our newly created button is going to do, to the Controller. For this we create a New Extension:
Of type Extend Controller:
And select to extend the POItem Controller:
This is where you would usually use the SAP NetWeaver Gateway Productivity Accelerator Service Builder to redefine the existing OData service to include goods receipt information, but for the purpose of this blog I just handle the event by displaying a message:
And this is the result of 10 minutes extending Fiori with the River RDE:
While this is a simple example, to me it shows the potential of the Fiori extendibility capability of River RDE.
HI,
Excellent information.
I was trying to extend Fiori my leave request application and came across an error when connecting to the remote system. I am unable to connect with remote system to get the Fiori application from abap repository.
I followed below URL to create destinations
https://help.hana.ondemand.com/help/frameset.htm?3e3e35a949a84284bddb0e9c9928cca3.html
and also I followed the videos in the below URl.
Setting up River RDE with On-Premise System''
Destination to connect with fiori applications is like below.
But when I am trying to connect with remote system to extend fiori application I am not getting system name in drop down box like below.
I can connect with Gateway services but not with the fiori applications.
Am I done any mistake ?
Please guide me to solve this.
Regards
Sridevi
Hello Sridevi,
there could be a couple of issues but to start with, can you please check that you
Best regards
Frank
Hi,
I have added all paths to connect with gateway system, extending Fiori and UI5 applications,
Please look at the below screens.
and my adt service is already in active state.
still not able to connect with remote system.
Thanks&Regards
Sridevi
Hello Sridevi,
please try to temporarily disable the path /sap/bc/adt in the HANA Cloud Connector and check whether you get a connection refused message in the audit logs after trying to load the list of apps in the River RDE again.
Best regards
Frank
Hi,
I disabled the path sap/bc/adt in Hana Cloud. But I was not getting any refused message when I was trying to add Fiori app from remote in RDE .
I strucked at Remote connection to get the Fiori app from Backend(still not getting any drop down box to select the system 🙁 )
Thanks&Regards
Sridevi
Hello Sridevi,
not getting a connection refused log means that you are not hitting your HANA Cloud Connector. Please make sure that:
Best regards
Frank
Hi Frank,
I followed the below video when I was doing connection to the gateway in Cloud connector.
Setting up SAP Web IDE with On-Premise System
In that he mentioned we can give any name to the virtual host and port and I have given my internal host and port for the next fields.
I didn't understand the points which you mentioned above.Could you please explain me little bit more.
I have little bit confusion 😕 .
Could you please help me out with this issue
Thanks and Regards
Sridevi
Hello Sridevi,
to check your RDE to SCC connection I suggest that you implement and modify the ConnectivityHelloWorld example application to call your ADT service. You would not get any data back but an empty 200 OK response, or in your case, more information about what configuration is missing.
Best regards
Frank