develop-an-sap-fiori-application-and-deploy-it-to-cloud-foundry-using-sap-business-applic-2498cbf.md

Develop an SAP Fiori Application and Deploy it to Cloud Foundry Using SAP Business Application Studio

Get an overview about how to create and deploy an SAP Fiori application to Cloud Foundry using SAP Business Application Studio.

Prerequisites

• A subaccount administrator has provided access to SAP Business Application Studio. See Setup of UI Development in SAP Business Application Studio (Optional).

• A subaccount administrator has created a destination to the ABAP system to integrate SAP Business Application Studio. See Creating a Destination to the ABAP System for SAP Business Application Studio.

• You have created a dev space of type SAP Fiori. See SAP Business Application Studio.

• You have access to a RAP business service that has been exposed as an OData service. See Using Service Binding Editor for OData V2 Service.

Generating and Deploying Your Application

1. Create an MTA project with approuter configuration.

   To do so, use the Fiori CF Application Router Generator. See Generate an MTA Deployment File.

   This generates an MTA project and the corresponding application router configuration.

2. With the SAP Fiori Generator, create an SAP Fiori application in the subfolder of the MTA file location by selecting Fiori: Open Application Generator from the command palette. See Generate an Application and Add a Fiori Application to an MTA Deployment File with the Fiori Generator.

   • As a data source, select Connect to a System.
   • As a system, choose the destination to the ABAP system that has been created to integrate SAP Business Application Studio.
   • As a service, select your RAP business service that has been exposed as an OData service

   In the Project Attributes section, add an SAP Fiori launchpad configuration for your UI project. See section Add FLP configuration in Additional Configuration.

   If you want to create you FLP configuration later, see SAP Fiori Launchpad Configuration.

3. Continue with the development of the UI, for example, with the help of guided development. See Implement Features using Guided Development.

4. Now you can preview the generated SAP Fiori application. See Preview an Application.

5. Build the application by executing command npm run build in the terminal of your project. See Deployment to Cloud Foundry.

   This generates an *.mtar file and mta_archives folder.

6. Log on to Cloud Foundry and deploy the SAP Fiori UI to your development space by executing command npm run deploy. See Deployment to Cloud Foundry.

Tip:

If you can't discover an available OData service in the generator, or preview your application, check if you user is assigned to business catalog SAP_CORE_BC_EXT_TST. If you aren't authorized to deploy the application, check if business catalog SAP_A4C_BC_DEV_UID_PC is assigned to your user.

Related Information

SAP Business Application Studio

SAP Fiori Tools

SAP Fiori Overview

Tutorial: Create an SAP Fiori App and Deploy it to SAP BTP, Cloud Foundry environment