Expose Your App to the Portal Service (Cloud Foundry)
- How to enable the SAP Fiori Launchpad Site extension, allowing you to add a launchpad module to your MTA project
- How to add the launchpad module to your MTA project
- How to configure the launchpad module
- How to add your SAP Fiori app to the launchpad and make it available to add to a Portal site
In this tutorial, you’re going to configure a launchpad module and add it to your MTA project. You will then build and deploy your project, which now includes the launchpad module together with your SAP HTML5 module, into your Cloud Foundry space.
- Step 1
Navigate to the Development area in SAP Web IDE and right-click your
mta_FioriDemoproject to add a new SAP Fiori Launchpad Site Module.
Note that you can only add this launchpad module to
Name the module
Launchpadand click Finish.
You can see that the
Launchpadmodule is now part of your
- Step 2
Any app that you want to expose to the Portal service, should be added to the launchpad module. To add apps to the launchpad module, you should edit its
In this step you are going to do just that.
In this tutorial, we will use the default group name. You can use the Add Group button to add new groups to your launchpad.
Expand the launchpad module folder and select the
Make sure you’re in Launchpad Editor view and then rename the default group tile to
Peopleby clicking on the Edit title icon next to it.
Now assign your SAP HTML5 module to the group. Click the + inside the
In the Select Project Apps screen, check the App Title called
Candidatesand click Select. You have now assigned the
Candidatesapp to the
Click File > Save.
This is what you’ll see in the Launchpad Editor:
Why do we add groups to a launchpad module?
- Step 3
Build and deploy the
MTAproject with these modules thus exposing your app to the Portal service.
Right click on your
mta_FioriDemoproject and click Build and then Build with Cloud MTA Build Tool.
mta_FioriDemo_0.0.1.mtarfile is generated. The file is located under the
mta_archivesfolder in your Workspace.
Right click your
mta_FioriDemo_0.0.1.mtarfile and click Deploy to SAP Cloud Platform.
The values for the Endpoint, Organization, and Space are automatically populated. Click Deploy.
Once you get a confirmation message that your project has been deployed, copy the App Router URL from the console.
It looks like this:
<id>is your ID number.
- Step 4
Now let’s see how the app is displayed in the runtime launchpad module.
Enter the URL that you copied from the console to a new browser tab.
Your launchpad module displays the
Candidatesapp that you created in the
Candidatesapp to launch it.
Now you are ready to add your app to the Launchpad page in your Portal site.