SAP River: Creating the Web-Based UI

[Former Member]

Philip Mugglestone from the SAP HANA Academy examines how to create a web-based UI for SAP River applications.

Philip creates a very simple HTML 5 UI that is hosted in the same place as the SAP River environment. 

First a .xsaccess file must to be added to the SAP River project. Philip next enters {“expose”: true} in the .xsaccess file. An individual folder for the UI also needs to be created and Philip recommends the best practice of naming the folder with the same name as the RDL file. Then Philip creates a new index.html file within the folder. 

Next, the index.htlm file should be opened with the text editor. Philip then pastes in some pure HTML 5 code that utilizes AJAX calls, which works very neatly with SAP River.

Philip walks through and examines some of the specific lines of his sample code and offers some useful tips such as including the SAP HANA port number in the OData path URL if the application is not connected to the SAP HANA server. To run an action a user must use a http put or post instead of a get.

After activating all of the files in the SAP River project environment Philip shows how to call the application in a web browser. Philip notes that when using Chrome, control+shift+I gives a user a lot of useful information about the application.

Finally, Philip showcases the basic html code utilized for function calling.

Philip’s brief tutorial video details the process of creating web-based UI for SAP River applications.

View other tutorials on SAP River at the SAP HANA Academy.

SAP HANA Academy - over 500 free tutorial technical videos on using SAP HANA.

-Tom Flanagan

SAP HANA Academy

Follow @saphanaacademy