develop-an-sap-fiori-application-ui-and-deploy-it-to-abap-using-sap-business-application-eaaeba4.md

Develop an SAP Fiori Application UI and Deploy it to ABAP Using SAP Business Application Studio

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

If you need further assistance with creating and deploying an application, check out the tutorial Create an SAP Fiori App and Deploy it to SAP BTP ABAP Environment.

Prerequisites

• You have set up SAP Business Application Studio. See Setup of UI Development in SAP Business Application Studio.

• You have established trust by setting up a custom Identity service. See Setup of a Custom Identity Service.

1. Generating and Deploying Your Application

Prerequisites:

• You have created a development package in ABAP Development Tools for Eclipse. See Creating ABAP Packages.
• You have exposed a RAP business service as an OData service. See Using Service Binding Editor for OData Service. In case no suitable service is available yet, you may create one based on a released BO interface or CDS View. SeeDevelop an OData UI Service Against a Released BO Interface or CS View.
• Business catalog SAP_A4C_BC_DEV_UID_PC is assigned to your user, which allows you to discover available services and deploy your application.
• Business catalog SAP_CORE_BC_EXT_TST is assigned to your user, which allows you to preview your application. See Business Catalogs for Development Tasks.
• You have an open transport request.

1. As a developer user in SAP Business Application Studio, generate an SAP Fiori application. See Generate an Application.

   1. In the Data Source and Service Selection section of the Template Wizard, select the following values:

      • Data source: Connect to a System.

      • System:

        • (Option 1) Select the destination that you have created for the SAP Business Application studio integration (SAP_Business_Application_Studio). See Creating a Destination to the ABAP System for SAP Business Application Studio.

        • (Option 2) Select ABAP Environment on SAP Business Technology Platform.

          From the ABAP environment drop-down menu, choose a service instance.

          Note:

          You have to log on to your Cloud Foundry space by executing command cf login in the terminal or by navigating to View > Find Command > CF: Login to Cloud Foundry. When you're prompted to enter the API endpoint, org name, and space, you can navigate to your subaccount in the SAP BTP cockpit, where you can find this information.

      • Continue with choosing a service.

   2. Add a deployment configuration. See section Add deployment configuration > ABAP system in Additional Configuration.

      If you want to create your deployment configuration later, see Generate Deployment Configuration ABAP.

   3. 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.

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

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

4. Deploy the SAP Fiori UI by executing command npm run deploy in the terminal of your project. See Deployment to ABAP.

5. 4. On top of these launchpad app descriptor items that are created automatically during app deployment, you may also create such objects manually in ABAP development tools for Eclipse. Refer to Creating Launchpad App Descriptor Items.

2. Creating and Publishing Your Identity and Access Management (IAM) App

Prerequisite:

Business catalog SAP_A4C_BC_DEV_PC is assigned to your user, which is required for development with ABAP Development Tools. See Business Catalogs for Development Tasks.

1. To manage access to your SAP Fiori application, you need to log on as a developer in ABAP development tools for Eclipse to create an Identity and Access Management (IAM) application, assign a launchpad app descriptor item for your UI5 application and a service, and maintain authorizations (steps 1-3 in the figure above). See Creating an IAM App for the Business Service.
2. Once you have created your IAM app, you have to create a business catalog. See Creating a Business Catalog.
3. Assign your IAM app to the business catalog.
4. Publish the IAM app and business catalog locally.

Next Step

Launch your app in SAP Fiori launchpad. See Add Your App to SAP Fiori Launchpad.

Related Information

SAP Business Application Studio

SAP Fiori Tools

SAP Fiori Overview

Tutorial: Develop and Run SAP Fiori Application With SAP Business Application Studio

https://developers.sap.com/tutorials/abap-environment-abap-flp.html

Tutorial: Integrate List Report into ABAP Fiori Launchpad