Skip to Content

How to use AngularJS as a front end in SAPUI5 application ?

I am trying to develop a SAPUI5 application using an AngularJS template, after doing some changes in structure of downloaded AngularJS template I am able to import AngularJS template in to WebIDE but after deploying the project on premise ECC server . I am not able to test it from SICF node.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • May 10, 2018 at 01:59 PM

    Hi Ankit,

    I don't believe that the ABAP repository integration with WebIDE is supported for AngularJS projects. The ABAP repository deployment via WebIDE changes files according to the SAPUI5 archetype and not to the AngularJS. An ABAP system thinks that an SAPUI5 application is actually a BSP application. So the deployment reads the SAPUI5 manifest.json and other files that are specific to the SAPUI5 framework to figure out how to translate it into a BSP application. Since your AngularJS doesn't make use of these files, my guess is that you will not be able to deploy it on an ABAP repository. The same is not true for AngularJS projects deployed directly on the SCP as an HTML5 application.

    I'm not saying that an AngularJS will never run as an BSP Application deployed on the ABAP repository. It is just the integration between WebIDE that will not work. So you should create a BSP Application manually and import the AngularJS sources into it making the proper adaptation so the BSP calls the index.html when you run it or test it from SICF.


    Add comment
    10|10000 characters needed characters exceeded

  • May 10, 2018 at 02:33 PM


    What exactly are you trying to achieve? Why not develop the AngularJS app from you template as is, deploy it from your servers and consume the Odata? Why are you mixing the two?

    Add comment
    10|10000 characters needed characters exceeded