Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
navya_shree2
Explorer

Prerequisites:

  • On BTP: Cloud Connector Connection to Gateway system and Destination 
  • OnPremise: Activating required standard Fiori Application

Step 1: Open Template Wizard and select the application type as SAP UI5 Adoptation Project.

1. Select Template.png

Step 2: Select the Target Environment as ABAP  as we intend to deploy the application to onPremise

2. Select Env.png

Step 3: Enter Project Name and Namespace details as shown below

3. Basic Info.png

Step 4: Select the Gateway system and the standard Fiori application. select yes for creating extension project as we intend to extend the standard application. Please note that you will be not able to extend the if if it is set to 'No'. Here i have chosen My Time Events App. Click on Finish. 

4. config.png

Step 5: You see the App folder created and make sure that .extconfig.json is created.

5.extconfig.png

Step 6: Right click on .extconfig.json and click on "Create Extension" to see the extension possibilities.  

6. create extensions.png

Step 7: Select type of extensions you would like to do. in my case i have selected Controller and View Extension which is the copy of the original view/controller.

You may now choose to edit the view to add new controls and add the handlers in controller either with new function handles or editing extisting one's. adittionally you can also choose i18n extensions to extend i18n files.

7. controller config.png

8. view ext.png

The final folder Structure would look like below. make sure you add ui5-deploy.yaml to add all the BSP, System and TR details. 

9. after.png

Build and Deploy the app with the help of below scripts. (can be added to package.json file)

"build": "ui5 build -a --clean-dest --include-task=generateCachebusterInfo",

"deploy": "npm run build && fiori deploy --config ui5-deploy.yaml && rimraf archive.zip",

 

Now you have your first Fiori Extension Project built using Business Application Studio.

1 Comment
kevin_hu
Active Participant
0 Kudos

Good post.

However it is worth to point out this approach is technically not a "Adaptation" project. It is rather a "legacy" way of extension provided by WebIDE initially now in BAS, which won't be applicable to most "modern" fiori apps.

Some more background information is here

https://community.sap.com/t5/technology-blogs-by-members/extending-legacy-fiori-apps-in-bas/ba-p/135...

Labels in this area