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: 
vidhyasagarmule
Participant
22,528
In this blog post, I will guide you through the process of building and deploying an SAPUI5 application using SAP Business Application Studio to an ABAP repository in an on-premise system.

I have taken the reference from


SAP Help Document

In this article will discuss


1) Activate and maintain the repository service in backend system.
2) Configuration of the Cloud Connector.
3) Creating the Destination in BTP.
4) Development of simple ui5 app in business application studio.
5) SAPUI5 application deployment on SAP ABAP repository.
6) Troubleshooting.

 

Lets get started.


1) Activate and maintain the repository service in backend system.



  • Go to t-code /n/iwfnd/maint_services.





  • Next add the service as indicated in the below snap, /UI5/ABAP REPOSITORY SRV.





  • Choose the needed package by clicking on the service.





  • Now that the repository service has been added.



 

2) Configuration of the Cloud Connector.



  • For cloud connector setup you can refer @hyungjin.youn's Blog post.


https://blogs.sap.com/2022/07/18/how-to-connect-on-premise-sap-to-btp-using-sap-cloud-connector/

3) Creating the Destination in BTP.



  • While creating the destinations in BTP please make sure that.



  1. Your WebIDEUsage includes dev_abap for deploying to the SAPUI5 ABAP Repository. (For example, your WebIDEUsage includes odata_abap,dev_abap).

  2. Make sure to add the HTML5.Timeout60000 additional property to your destination.

  3. For deploying to SAP S/4HANA on-premise, you should add the sap-client additional property to your destination.



  • Refer to the image below for the destination.




4) Development of simple ui5 app in business application studio.



  • Go to your business application studio click on Menu->File->New Project From Template-->click on SAP Fiori application.





  • Choose the application type, then the application.





  • Choose the needed ODATA service.



 

  • After configuring the chosen service, click next.





  • Together with choosing Yes for the radio option "Add deployment configuration," complete the project attributes.





  • Add the deployment configuration as displayed in the following image, then press Finish.



 

  • The project and deployment configuration have now both been generated.
    The app can be tested and operated locally.




5) SAPUI5 application deployment on SAP ABAP repository.



  • As the deployment configuration was added when we created the application (You can also add the configuration manually using command npm run deploy-config).




  • To deploy the application into the SAP UI5 ABAP repository, run the npm run deploy command.





  • The application will be deployed into our ABAP repository once you choose Yes to begin the deployment.





  • Now the application has been deployed to ABAP repository go to T-Code SICF and test your application.


       


 

  • Congratulations! You have successfully deployed and tested your SAPUI5 application.



 

    6) Troubleshooting


      There are a variety of virus scan errors:



  • Virus scan server error

  • No virus scan profile is selected as the default.

  • Virus scan errors should not block the deployment process. The virus scan should be configured in such a way so as not to disturb the deployment process.

  • Also, a default virus scan profile should be selected in the system or switched off entirely.

  • See SAP Note: https://launchpad.support.sap.com/#/notes/3052386


 

Conclusion


After going through this post, you should be able to develop and deploy SAPUI5 applications using SAP Business Application Studio (BAS). I hope this guide has been helpful in getting you started with building and deploying SAPUI5 applications. If you have any questions or comments, please feel free to leave them below.
5 Comments
Labels in this area