SAP HANA EXPRESS XSA Application Part 3

We will continue building our XSA application. To recap, we have created an HDI module and Node.js module. Please refer the below links for the same.

Part 1 : HANA XSA MTA project and HDI Module

Part 2 : Node.js Module

Right click on the project name and create new SAP Fiori Master Detail Module. Follow the wizard steps and provide the required information.  ODATA metadata will be of xsodata service from Node.js module.

Once the wizard steps is completed, we can see our CMPresentation user interface module with the required artifacts under the project and the MTA file updated with all the details.   

3. In order for CMPresentation module to consume the service of MSBusinessLogic Node.js module, we have to update the mta.yaml file as shown below.

4. Finally, in xs-app.json file, we have to update the routes of the corresponding node.js service.xsodata

5. Save, Build and Run the application. We will have our XSA applicatiion up and running with all the three module HDI module, Node.js module and UI module interacting with each other.

6. To complete the application, we will create one view for Item details, update the routes in manifes.json, insert an button to trigger XSJS logic defined in node.js module, do some layout changes . Final results are below.

Master detail loading page.

Item details page.

Thus we have seen SAP WEB IDE for HANA supports HDI module, Node.js module as well as user interface module.

SAP WEB IDE for HANA also supports JAVA module.