---
parser: v2
auto_validation: true
primary_tag: software-product>sap-btp--abap-environment
tags: [  tutorial>beginner, programming-tool>abap-development, software-product>sap-business-technology-platform, tutorial>license]
time: 15
author_name: Merve Temel
author_profile: https://github.com/mervey45
slug: abap-environment-integrate-app-into-flp
canonical_url: https://developers.sap.com/tutorials/abap-environment-integrate-app-into-flp
---

# Integrate List Report into ABAP Fiori Launchpad
<!-- description --> Integrate your list report application into ABAP Fiori launchpad.

## Prerequisites  
- You need an SAP BTP, ABAP environment license.
- You have created the [Travel App Mission](mission.sap-fiori-abap-rap100) in a licensed system. Mandatory is only the first tutorial of this tutorial mission [Create Database Table and Generate UI Service](abap-environment-rap100-generate-ui-service).
- You finished the [Create an SAP Fiori App and Deploy it to SAP BTP, ABAP environment](abap-environment-deploy-fiori-elements-ui.md) tutorial and deployed your application.
- You need to have following business role assigned for your business user `SAP_BR_DEVELOPER` and `SAP_BR_BPC_EXPERT`.
- You need to have business catalog `SAP_CORE_BC_UI_FLD` assigned for the usage of manage launchpad space.
- You need to have business catalog `SAP_CORE_BC_UI` assigned for the usage of manage launchpad settings.
- You need to have business catalog `SAP_CORE_BC_BCT_TRN_MNG_PC` and `SAP_CORE_BC_BCT_TRN_REL_PC` assigned to your user to see the app.
- You need to [enable spaces layout](https://help.sap.com/docs/SAP_S4HANA_CLOUD/4fc8d03390c342da8a60f8ee387bca1a/64a5e1675ce7413791a654d2228a90be.html?locale=en-US&state=TEST&version=2208.502) in SAP Fiori launchpad to see the app tiles, that are added to spaces or pages.

## You will learn  
- How to make use of IAM App and business catalogs
- How to create business roles
- How to pin business catalogs
- How to create spaces and pages

## Intro
Learn how to integrate your list report application into ABAP Fiori launchpad.

---
### Make use of existing IAM App and business catalog 


  1. Open ADT, select your package `ZRAP100_###` and open your IAM App `ZTRAVEL_IAM_###`. On the **Overview** tab add the UI5 application ID to your IAM app and publish it, by right-clicking on the IAM app.

     ![iamapp](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/iamapp.png)

      If you don't have any IAM App created yet. Please create an IAM App and add the UI5 application to it.

  2. Make use of your business catalog `ZTRAVEL_BC_###`.

     ![businesscatalog](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businesscatalog.png)

      If you don't have created a business catalog yet, please create one and publish it locally.



### Create business role


  1. Right-click on your **ABAP system** in the project explorer of ADT and select **Properties**. Click **ABAP Development** and copy the **system URL**.

     ![url](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/url.png)

  2. Log in to your ABAP system as an administrator.

     ![login](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/login.png)

  3. Select **Maintain Business Roles**.

      ![role](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role.png)

  4. Click **New**.

      ![role2](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role2.png)

  5. Create new business role:
      - Business Role ID: `BR_Z_TRAVEL_###`
      - Business Role Description: Business role for travel

      ![role2](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role3.png)

      Click **Create**.


  6. Go to **Assigned Business Catalogs** and click **Add**.

       ![role4](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role4.png)

  7. Search for **business catalog**, select it and click **Apply**.

       ![role5](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role5.png)

  8. Click **Assign Business Users** and click **Add**.

       ![role6](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role6.png)

  9. Search your business user, select it and click **Apply** and **OK**.

       ![role7](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role7.png)

 1.  Select **Maintain Restrictions**.

      ![role7](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/res1.png)

 2.  Adjust Maintain Restrictions for **Write, Read, Value Help** to **Unrestricted**. Go back.

      ![role7](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/res2.png)

 3.  Click **Save**. Now your business catalog and business user is assigned to your business role.

       ![role8](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/role8.png)


### Create transport request or use default transport request


  1. Log in to your system and select the **Export Customizing Transports** tile.

     ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport.png)

  2. Click **Go**.

     ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport2.png)

  3. Now you can see all transport request.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport3.png)

  4. Click **Create**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport4.png)

  5. Create new transport request:
      - Description: `Transport_Request_###`
      - Type: Customizing Request

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport5.png)

      Click **Create**.


  6. Now you can see an error message. You can only create new transport requests, if there is no default transport request. If there is already a default transport request, then you have to make use of it. Remember the transport request ID for later use.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport6.png)

  7. Now cancel and go back to the transport request overview and select the default transport request. You can identify it via ID or the transport category.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/transport7.png)

  8. In your default transport request you can create a new task. Click **Create**.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/task.png)

  9. Create a new task:
      - Description: `Transport_Task_###` and select the owner.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/task2.png)

 10. In the description field, search for your user and select it.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/task3.png)

 11. Click **Create**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/task4.png)



### Alternative 1: Manage launchpad spaces and assign business role


Option 1:

  1. Select the **Manage Launchpad Spaces** tile.

     ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/space.png)

  2. Click **Create**.

     ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/space2.png)

  3. Create new space and page:
       - Space ID: `Z_TRAVEL_APP_###`
       - Space description: Space for travel app
       - Space title: Travel App ###
       - Page ID: `Z_TRAVEL_APP_###`
       - Page description: Page for travel app
       - Page title: Travel App ###
       - Transport: testing transport

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/space3.png)

      Click **Create**.

  4. Check your result.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/space4.png)

  5. Select **Transports** to check your transport request and click **Save**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/space5.png)

  6. Go back to the SAP Fiori homepage and select the **Maintain Business Roles** tile.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole.png)

  7. Search for your business role **`BR_Z_TRAVEL_###`** and select it.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole2.png)

  8. Click **Edit** and select **Assigned Launchpad Spaces**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole3.png)

  9. Click **Add**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole4.png)

 10. Select **Use Existing Space** and select your space.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole5.png)

 11. Search for your space `Z_TRAVEL_APP_###` and select it.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole6.png)

 12. Check your result and click **Assign Space**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole7.png)

 13. Check your result and click **Save**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/businessrole8.png)

 14. Open the Manage Launchpad Pages tile.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/managespaces.png)

 15. Select your page `Z_TRAVEL_APP_###`.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page.png)

 16. Select **Page Content** and click **Edit**.    

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page2.png)

 17. Add a description to your section tile, select your business catalog and click **Add** and **Save**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page3.png)

 18. Check your result. Click **Page Preview**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page4.png)

 19. Check the result in the preview.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page5.png)

 20. Select your user and **Settings**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page6.png)

 21. Select **Spaces and Pages** and check **Use Spaces**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page7.png)

 22. Select **Travel App ###** to see your application.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page8.png)


### Alternative 2: Assign and manage launchpad spaces


Option 2:

  1. Select the **Maintain Business Roles** tile.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole.png)

  2. Click **Edit** and select **Assigned Launchpad Spaces**.

       ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole2.png)

  3. Click **Add**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole3.png)

  4. Select **Create New Space**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole4.png)

  5. Add Launchpad Space:
       - Assign Space to Business Role: Create New Space
       - Space ID: `Z_TRAVEL_APP_###`
       - Space description: Space for travel app
       - Space title: Travel App ###

      Check **Create Page from Business Catalogs and Groups**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole5.png)

      Click **Create and Assign Space**.

  6. Click **Save**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole6.png)

  7. Select your space.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole7.png)

  8. Select **Transports**.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole8.png)

  9. Check your transport.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/brole9.png)

 10. Open the Manage Launchpad Pages tile.

      ![transport](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/managespaces.png)

 11. Select your page `Z_TRAVEL_APP_###`.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page.png)

 12. Select **Page Content** and click **Edit**.    

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page2.png)

 13. Add a description to your section tile, select your business catalog and click **Add** and **Save**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page3.png)

 14. Check your result. Click **Page Preview**. 

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page4.png)

 15. Check the result in the preview.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page5.png)

 16. Select your user and **Settings**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page6.png)

 17. Select **Spaces and Pages** and check **Use Spaces**.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page7.png)

 18. Select **Travel App ###** to see your application.

      ![page](https://raw.githubusercontent.com/sap-tutorials/abap-core-development/main/tutorials/abap-environment-integrate-app-into-flp/page8.png)


### Test yourself




---