Developing SAPUI5 Applications Using WebStorm

Question

Looking at some of the supplied SAPUI5 code on HANA, I noticed that WebStorm and even RubyMine were used by some SAP developers. I also heard that other developers on client sites use WebStorm to check the code in the ABAP repository.

Both HANA and ABAP repositories technically look their own. The default method for synchronizing SAPUI5 code with HANA and ABAP repositories appears to be using Eclipse or Eclipse-based HANA Studio through the installed, supplied SAP plugins.

I searched and could not find any plugins or help with how you could check and delete HANA or ABAP repos without using Eclipse or Orion.

For HANA, you can put Github in the middle using something like an SAP HANA deployment shell and on the ABAP stack you can / UI 5 / UI5_REPOSITORY_LOAD for manual download, I heard alternatives for those where developers are reverse engineering for using eclipse services while listening to HTTP Traffic or decompiling plugins.

My question is: how do other users use Webstorm to develop SAPUI5 applications in a team, and how do you synchronize your code with the SAP repository?

Answer 1

I am using Webstorm to develop my UI5. We save the code in a GIT repository hosted through an internal Gitlab server ( https://about.gitlab.com/ ) running on Ubuntu! You can just as easily use cloud solutions like Gitlab or Bitbucket.

There are two ways to get around Eclipse and remove the need for an ABAP command repository:

(1) Use the program abap / UI5 / UI5_REPOSITORY_LOAD in the t-code SE38 in the ABAP stack of the gateway. Just point it to the GIT directory and do it!

(2) Use the / UI 5 / UI5_REPOSITORY_LOAD_HTTP program to do the same from the web server. You can imagine a scenario in which you have an HTTP service that starts an SAP download, but we always use the first method!

Edit @ 03-SEP-14

To clarify my thoughts (2), the ideal scenario would be to implement a small message commit handler so that when changing the repository it:

• Check out the changes from the repository
• create a user interface (i.e. perform minification / uglify on JS and CSS) in a separate build folder (create preload files)
• perform any unit code tests (if they exist)
• if the tests pass, upload them to the gateway:
  • close the assembly folder and send it to the specialized gateway service (or)
  • call the user gateway service to then cause the build folder to be migrated via HTTP

(Since the wizard always deploys :-)!)

As a result, you get a continuous integration platform that ensures the integrity of your code and ensures that you only deploy production code as well (always a little unsure that you are using non-minified source code with comments, etc. to the product server accessing the Internet ..).

This method is the agnostic of the IDE you are using, and if you do it correctly, also configure the source code repository.

I hope that this helps and makes development happy!

Oli