Develop a SAP Fiori App for Portal Site on Cloud Foundry

To do this step, follow this tutorial.

You’ve created your MTA project with an SAP HTML5 app module called FioriDemo in step 1 and now you’ll configure its navigation target. These navigation settings will enable your FioriDemo app to be launched from the launchpad module that you’ll create in the next tutorial.

Configure the navigation settings as follows:

1. In the Development area of SAP Web IDE, in the Files panel, expand the FioriDemo folder. Under the webapp folder, click the manifest.json file and open it.

   

2. Leave all the default values in the Settings tab as is, and click the Navigation tab to configure the target navigation settings.

3. Create the navigation intent by clicking +. Then enter the following intent values:

   • Semantic Object: data

   • Object: display

   

4. Click the intent and then enter the information for the Inbound Tile (that will be displayed on the launchpad module) as follows:

   • Title: Candidates

   • Subtitle: Engineering

   • Icon: sap-icon://activities

   

5. Click File -> Save.

   

Now you can add your app to a launchpad module. We will do this in the next tutorial.