How to build, deploy fiori app to SAP Cloud Foundry

Dear SAPLearners, in this blog post we will learn how to deploy fiori app to SAP Cloud Foundry from SAP Business Application Studio.

Prerequisites

To complete this tutorial, you will need:

Create a Fiori App in SAP Business Application Studio.
Subscribe to Cloud Portal service in SAP Cloud Foundry subaccount.

Step-by-Step Procedure

1. Launch SAP Business Application Studio and continue with same fiori app.

Build and Deploy Fiori App

2. Right-click on mta.yml file and choose Build MTA.

3. MTA build will start and you can see the progress in the terminal.

4. After successful build, two new folders will be created.

mta_archives and .mtar file under this folder.
resources and ui-content.zip file under this folder.

5. The Cloud MTA Build Tool is the tool which generates the deployment-ready multi-target
application (MTA) archive .mtar file from the artifacts of an fiori project.

6. Now right-click on the .mtar file and choose Deploy MTA Archive from the context menu.

Also Read: How to create and deploy Node.js App with SCP Cloud Foundry

7. Finally, our fiori app file got deployed to SAP Cloud Foundry successfully. You will see errors here in the terminal if deployment failed.

8. Navigate to SAP Cloud Platform Cloud Foundry cockpit subaccount and then to dev space. Under Service Instance section you will find 3 instances created for our fiori application.

9. From where does these instances created ? These are created based on the services mentioned in the mta.yml file of our project. These are added by the SAP BAS by default based on the options we choose during Fiori project creation.

Run Fiori App

10. After that, its time to run the application. Using app-host service , HTML5 application is deployed to HTML5 Application Repository in SAP Cloud Platform Cloud Foundry.

12. There are 2 ways to run HTML5 applications. There are

Standalone and
Portal

In the blog post we will look at running the applications in standalone mode and next tutorial we will show you how to access the fiori app from portal site.

13. To run the fiori app in standalone mode we need to construct the URL and the structure is like below.

https://<SubscriberSubdomain>.<PortalHost>.<PortalDomain>/<sapCloudService>.<appName>-<appVersion>/index.html

SubscriberSubdomain	You can get the subdomain from subaccount Overview section
<PortalHost>.<PortalDomain>	cfapps.<region>.hana.ondemand.com, replace <region> with subaccount region
sapCloudService	The `manifest.json` file, check screen-shot below
appName	The `manifest.json` file, check screen-shot below
appVersion	The `manifest.json` file, check screen-shot below