Skip to Content

Add the Shopping Cart Fiori Application to FLP

Integrate your list report application into ABAP Fiori launchpad.
You will learn
  • How to create a semantic object
  • How to create a technical catalog
  • How to create SAP Fiori business catalog
  • How to create a space and page
  • How to create a business role and assign to business user
  • How to run an app from FLP
mervey45Merve TemelJune 12, 2024
Created by
mervey45
June 12, 2024
Contributors
mervey45

Prerequisites

  • This tutorial can be used in both SAP S/4HANA Cloud, private edition system and SAP S/4HANA on-premise system with release 2023 FPS01. We suggest using a Fully-Activated Appliance in SAP Cloud Appliance Library for an easy start without the need for system setup.
  • The steps for fully-qualified Domain Name & SSL Certificates can be found here.
  • For SAP S/4HANA on-premise, create developer user with full development authorization
  • Initial setup of the Launchpad
  • You user has assigned following roles
  • You finished Create a SAP Fiori Shopping Cart App and Deploy it tutorial.
  • Pages and Space should be activated.

In this tutorial, wherever ### appears, use a number (e.g. 000). This tutorial is done with the placeholder 000.

  • Step 1
    1. Open SAP Logon and log into your system. Execute following transaction to create a semantic object /ui2/semobj. You also need to add /n before your transaction.

      object
    2. Click Edit and select the check mark.

      object
    3. Click New Entries.

      object
    4. Add your semantic object:

      • Semantic Object: z_shopping_cart_tier1_###
      • Semantic Object Name: z_shopping_cart_tier1_###
      • Semantic Object Description: Shopping Cart ###

      Click Save.

      object
    5. Select and confirm your transport request.

      object
  • Step 2

    Find here the documentation on Best Practices for Managing Catalogs.

    In this step, you will create a business catalog. The SAP Fiori business catalog is client-dependent, so it is part of the customizing.

    1. Execute following transaction to create a business catalog /ui2/flpcm_cust. You also need to add /n before your transaction.

      item
    2. Search for technical catalog SAP_TC_UI5_REPO_UIAD and press Go to check the existing content.

      item
    3. Now you can see the existing content of generic technical catalog SAP_TC_UI5_REPO_UIAD. During UI deployment automatically an app descriptor item was created and assigned to this technical catalog. Click Create to create a new business catalog.

      item
    4. Create a new catalog:

      • New ID: z_bc_shopcart_###
      • New Title: Business Catalog - Shopping Cart ###
      item

      Select your transport request and description. Select the check mark.

      Hint: The business catalog has the naming convention BC.

    5. Click Add Tiles/Target Mappings and select Add Tiles/TMs to Selected Catalog.

      item
    6. Search for z_shopping_cart_tier1_###, press Go, select your entry and click Add Tile/TM Reference.

      item
    7. Check your result.

      item
  • Step 3
    1. Execute following transaction to create a business role and assign it to your user pfcg.

      user
    2. Enter Z_BR_SHOPCART_### as Role and click Single Role.

      user
    3. Enter a description and click Save.

      user
    4. Navigate to Menu and select Transaction > SAP Fiori Launchpad > Launchpad Catalog.

      user
    5. Enter Z_BC_SHOPCART_### as Catalog ID, select the check mark and click save.

      user
    6. Navigate to Authorization and select the edit icon for Change Authorization Data.

      user
    7. Click the icon.

      user
    8. Select the check mark.

      user
    9. Go back.

      user
    10. Navigate to User, enter your user, click Save and click User Comparison.

      user
  • Step 4
    1. Execute following transaction to run an app from SAP Fiori Launchpad /ui2/flp. You also need to add /n before your transaction.

      flp
    2. Log in with the user you assigned the business role Z_BR_SHOPCART_### to.

      flp
    3. Click your user on the top right corner and select App Finder.

      flp
    4. Search for Shopping Cart ### and press the + symbol.

      flp
    5. Select My Home to add your application to the my home page.

      flp
    6. Go to your home page and now you can see your application. Click your application and check your result.

      flp
  • Step 5
    1. Execute following transaction to create spaces and pages /ui2/flp. You also need to add /n before your transaction.

      space
    2. Search Manage Launchpad Spaces and select it.

      space
    3. Click Create.

      space
    4. Create a new space and page:

      • Space ID: z_shopping_cart_tier1_###
      • Space Description: Space for Shopping Cart ###
      • Space Title: Shopping Cart ###
      • Check mark Also create a page
      • Page ID: z_shopping_cart_tier1_###
      • Page Description: Page for Shopping Cart ###
      • Page Title: Shopping Cart ###
      space
      Select your transport request and click Create and assign your transport request.
    5. Click Save.

      space
    6. Navigate to your page z_shopping_cart_tier1_###.

      space
    7. Inside your page z_shopping_cart_tier1_### click Edit to add your page content.

      space
    8. Select the menu and click Select Catalogs.

      space
    9. Search for your catalog z_bc_shopcart_###, select it and click Select.

      space
    10. Select your business catalog z_bc_shopcart_### and click Add.

      space
    11. Enter the section title: Shopping Cart Section and click Save.

      space
  • Step 6
    1. Execute following transaction pfcg to open your business role and add the newly created space and page to it.

      user
    2. Enter Z_BR_SHOPCART_### as Role and click the edit symbol.

      user
    3. Go back and navigate to Menu again. Select the arrow > SAP Fiori Launchpad > Launchpad Space.

      user
    4. Enter Z_SHOPPING_CART_TIER1_### as Space ID and select the check mark.

      user
    5. Add a description and click Save.

      user
  • Step 7
    1. Execute following transaction to run an app from SAP Fiori Launchpad /ui2/flp. You also need to add /n before your transaction.

      flp
    2. Navigate to Shopping Cart ### and select your tile to check your result.

      flp
  • Step 8

    Which transaction is used to run the app from FLP?

  • Step 9

    Find here the documentation on SAP Fiori Launchpad.

Back to top