Skip to Content
Technical Articles
Author's profile photo Ravi Kumar Chikatla

How to Configure Custom Fiori App for SAP Transaction Code (On-Premise) on Central Hub

Dear Community,

 

While most of the business users are enjoying the SAP Fiori Apps, we have come across a situation, where standard Fiori apps are not available for some transaction codes or reports, or business users are interested to access the custom transactions/reports via Fiori Launchpad.

 

I am writing this blog post to explain how to build custom Fiori apps. I am hoping the detailed steps in this blog will help you to build a custom app for Fiori Launchpad.

 

Activities to be performed in S/4 (Backend) System

 

  1. Go to transaction SE93and verify whether the transaction is marked as SAP GUI for HTML

 

  1. Launch T-code /UI2/SEMOBJ_SAP

 

Go into change mode, and click on New Entries

Define the Semantic Object, Semantic Object Name and Semantic Object Description of your Own Choice, and choose the Application Component specific to the transaction

Once you save the entries, system will prompt to capture the changes in Workbench Transport Request.

  1. Now Launch SPRO, to create Application Descriptors

Path: SPRO IMG → SAP NetWeaver UI Technologies SAP Fiori Configuring Launchpad Content Adding Apps to SAP Fiori Launchpad Prepare Backend Catalogs for Reuse Mass Maintenance Tool for App Descriptors

It will launch in web, here define Catalog ID and enter the Semantic Object created in previous step:

Click on Continue, as the Catalog ID is newly being created, click on OK to continue in the pop-up message

Click on Insert Button

The System will prompt you to save the changes in a package (create a custom package via SE80 transaction), and mention the Workbench Request that was created in the previous steps.

Now enter the below details:

Semantic Action Create (or choose based on the nature of transaction, you may choose it from the F4 help options)
App Type GUI Transaction
Transaction Name Z-TCode (It could be any transaction for which you are creating the Tile)
Reuse Text Maintain Check-box (to inherit the transaction text in Title and Tile keywords, if you uncheck then define the Title and Tile Keywords of your own choice)

 

The details will appear as below, where parameters and Tile parameters are optional, then click on Save

 

To test the application, how it looks on HTML, you may click on the Launch button.

 

 

 

Activities to be performed in Fiori (Frontend) System:

 

  1. Go to SM30, to maintain the Alias Mapping for the backend Catalog ID (that we created in backend system) in /UI2/V_ALIASCAT

Click on New Entries

Enter the same Catalog ID created in the backend system, then maintain the Alias Name and define the Catalog Title

Once you save the entries, system will prompt you to save the changes in Workbench Request:

  1. Now, go to SA38 and run an Extractor Report- /UI2/GET_APP_DESCR_REMOTE_DEV to extract the backend application descriptors and replicate them to the Frontend Technical Catalog:

Mention the Alias and the Custom Catalog ID created in the backend:

As the test run was successful, now run the report removing test mode check:

 

  1. Once Extraction is completed, you would be able to find the Catalog in Fiori Designer:

 

 

  1. Now copy the Catalog to reference catalog, you may do it just by click on the existing catalog and drag it, you will see the option to create a New Catalog with References, then define the Title and ID:

 

  1. Then create a custom group:

Click on + (Add) button:

Then add the Tiles proving the Reference Catalog ID created in the previous step:

 

 

Finally, you have custom Catalog and Group to add it in PFCG Roles.

 

Conclusion

 

There is no stop, we can create the custom apps for our custom transactions and improve user experience with Fiori Apps.

 

I hope you like this blog post and be valuable to our community.

 

Assigned tags

      10 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Sanjeev Kumar Soni
      Sanjeev Kumar Soni

      Hi Ravi,

      Will the above method work if I have ECC backend - EHP8 ( instead of S/4),

      with on premise central hub deployment to run Fiori apps.

       

      Regards,

      Sanjeev

      Author's profile photo Sanjeev Kumar Soni
      Sanjeev Kumar Soni

      Hi Ravi,

      To add to my earlier question, if possible, will the deployed custom app be able to  run on mobile or only form factor desktop will be possible.

      Regards,

      Sanjeev.

      Author's profile photo Ravi Kumar Chikatla
      Ravi Kumar Chikatla
      Blog Post Author

      Hi Sanjeev,

       

      I have not tried with normal ECC in backend, as this is basic configuration I believe it should work, happy to help you if you are facing any issues.

       

      To fir the app for mobile/tab screens you will require additional UI configuration, as this configuration enables only HTML view.

      Regards,

      Ravi Kumar

      Author's profile photo Anand Dandekar
      Anand Dandekar

      Hi Ravi

       

      I have followed all the steps and have created a customized fiori app for SAP standard Transaction UKM_CASE. I have successfully created the Catalogue and the group and i could see the FIORI tile on the Launchpad but when i click on the tile, it takes me to a new page and within a fraction of seconds i get a message saying Transaction UKM_CASE is unknown. Can you please help me on the said error

       

      Thanks

      Anand

      Author's profile photo Whitford Wisewould
      Whitford Wisewould
      1. Launch T-code /UI2/SEMOBJ_SAP. ...
      2. Define the Semantic Object, Semantic Object Name and Semantic Object Description of your Own Choice, and choose the Application Component specific to the transaction mcdvoice
      Author's profile photo Hussain Jeseem
      Hussain Jeseem

      Hi Ravi,

       

      Do we need SAP Web IDE License for this method?

       

      Thanks

      Hussain

       

      Author's profile photo BAU BASIS SUPPORT
      BAU BASIS SUPPORT

      Hi Hussain,

       

      This does not require Web IDE license.

       

      Regards,

      Ravi Kumar

      Author's profile photo pipa haha
      pipa haha

      Your article is very detailed and easy to understand, This is a must for readers who need advanced knowledge like me, thanks!

      Author's profile photo raghavendra kumar
      raghavendra kumar

      Hi Ravi,

       

      I am trying to Activate Standard GUI App to FIORI Tile When we try to select the right sematic object and catalog i can see No data found in Mass Maintenance Tool for App Descriptors, But when i check same in Different system in Landscape i can see Default entries for those combination, Can you please let me know how can i get the missed Default entries in Mass Maintenance Tool for App Descriptors for the combination of standard catalog and Sematic Object.

       

       

      Author's profile photo Ravi Kumar Chikatla
      Ravi Kumar Chikatla
      Blog Post Author

      Hi Raghavendra,

       

      Validate whether the defined Semantic object is appearing in backend system table - /UI2/V_SEMOBJ, the same value should reflect in 'Mass Maintenance Tool for App Descriptors'.

      As per step 3 in backend system activities, Catalog needs to be defined after launching 'Mass Maintenance Tool for App Descriptors'.

       

      Please share the screenshots and steps if you are facing different issue.

       

      Regards,

      Ravi Kumar