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

[former_member558281]

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.

[Ivan-Mirisola]

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.

Regards,
Ivan

[iftah_peretz]

Hey,

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?