Skip to Content
Author's profile photo Dilip Kumar Krishnadev Pandey

Deploy a Fiori app in SAP Fiori

Overview

  • Here we see the process to deploy a custom UI5 application in SAP-Fiori (Front-End) server.
  • Custom UI5 application is been developed using Eclipse
  • This blog is part of below parent blog:

 

Steps to deploy UI5 Application:

[1] Prepare UI5 Application for deployment

  • Modify url in ‘connectivity.js’
    • AS for testing the app in local environment, we provide OdataService url with host/port
    • but when application is ready to deploy, then we do not need ‘host/port’ details in OdataService urls,
    • So we comment those details and save the project.
  • Extract ‘WebContent’ files of UI5 Applcation
    • Content present in folder ‘WebContent‘ is only required to for deplyement in Fiori-Server
    • During app deployment, while selecting location of UI5 app’s ‘WebContent’ folder, Either we can refer same eclipse work-space location or extract it in some other folder.

 

[2] Upload in SAP-Fiori (front-end) server

Once UI5 application ‘ZTEST_APP’ gets created, we need to host/deploy it in SAP-Fiori server.

Details required to deploy the app are as follows:

  • System       SAP-Fiori (front-end) server
  • T-code        ‘SE38’
  • Report        ‘/UI5/UI5_REPOSITORY_LOAD’
  • RButton      ‘Upload’

Below steps can be followed to deploy custom UI5 app:

  • Go to t-code ‘SE38’ -> Execute report ‘/UI5/UI5_REPOSITORY_LOAD’
  • Execute the program.
  • Post execution, in next window enter a name of UI5 application, and select radio button ‘Upload’
  • Press ‘Execute’ button
  • In next pop-up window, select ‘WebContent’ folder location of UI5 application
  • Once folder gets selected -> scroll down in sap-page ->press on ‘Click here to Upload’ ->
  • Post click pop-up appears -> select package, here I am selecting temporary package
  • In Next each pop-up, click on ‘Allow’ button
  • Once application gets uploaded properly, we can seen success upload message as below:
  • Thus custom UI5 application ‘ZTEST_App‘ gets deployed in SAP-Fiori Server

 

[3] Verify deployed UI5 application

  • Post deployment, we should cross check deployed UI5 app with below details:
    • System        SAP-Fiori (front-end) server
    • T-code        ‘SICF’
    • Path            ‘/default_host/sap/bc/ui5_ui5/sap/’
    • UI5 App       ztest_app
  • It should be activated, if not then right click on app name -> selct ‘Activate’.

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Naoto Amari
      Naoto Amari

      Hello, thanks for sharing very helpful, i'll try this week and let you know the process i hope you can help me if i have any problem 😀 do you have a tutorial to consume the odatas from eclipse ? i have so many question be cause i only practiced with sap web ide but now i have to use eclipse

      Author's profile photo Dilip Kumar Krishnadev Pandey
      Dilip Kumar Krishnadev Pandey
      Blog Post Author

      Dear Naoto,

      Sorry for delayed response, I was too much busy in my current project....

      Below link you can refer about OData consumption in eclipse's Fiori App

      https://blogs.sap.com/2017/11/23/sap-fiori-consume-odata-service-css-i18n-properties-in-ui5-application/

      I am also planning to add few more blog related to odata....you can refer that too.

       

      Thanks and Regards

      Dilip

       

      Author's profile photo Naoto Amari
      Naoto Amari

      Don't worry, i could! but i'll read that blog thank you very much!

      Author's profile photo Sajith Puthanpurayil
      Sajith Puthanpurayil

      Hi Dilip,

      If I want to modify a fiori App already deployed in a system and I don't have Project files in the Local, How can I Import project in Eclipse? Can you give me some direction?