Skip to Content

Are you using JavaScript libraries in your UI5 project?

Tired of including them manually?

Looking for a JavaScript package manager like Bower integrated in the SAP Web IDE?

Then the SAP Web IDE Library Manager is the solution for you!

 

Implement libraries in your UI5 project with the Library Manager SAP Web IDE Feature

There exist many JavaScript libraries on the web which you can use in your UI5 project. When you’re using the SAP Web IDE, you need to implement these libraries manually. You have to search for libraries on the web, include them in your UI5 project and configure your project to use the libraries. All these steps take time.

With the Library Manager, you can search, import and include libraries into your UI5 project directly in the SAP Web IDE.

 

How it works

A youtube video:

Select your UI5 project you’re working on:

Open the “Library Manager” in the right tab area:

The Library Manager show the project that currently is selected, a search field and result list.

Search for the library that you want include:

Select a Library from the result list and a dialog will open. In this dialog, you can configure the library. The configurable options:

  • Select the version that you want to use
  • Download: Means that it will download the files and import them into your UI5 project. If this is disabled, it will use the online cdn url
  • Manifest: This will include a reference to the library in the resource section of the manifest.json. This will load the library when you run your UI5 project

 

Click on the “+” button to start the process. When it’s finished, it will show a small log in the status column.

After that you can just close the dialog. When everything went well, the Library will be in your project and the manifest will have a reference to the library.

 

How to get it

Create a destination in the SAP Cloud Cockpit

Description=Library Manager
Type=HTTP
Authentication=NoAuthentication
WebIDEUsage=feature
Name=LibraryManager
WebIDEEnabled=true
CloudConnectorVersion=2
URL=https\://sapwebidelibrarymanager-a6ac3f497.dispatcher.hana.ondemand.com
ProxyType=Internet

Go to the SAP Web IDE –> Settings –> Features and enable the Feature:

Click “save” (which also refreshes the SAP Web IDE) and you’re done!

 

You can also find it in the SAP App Center:

https://www.sapappcenter.com/apps/16608

Please feel free to help improving this feature. You can find the project on github: https://github.com/lemaiwo/SAPWebIDELibraryManager

 

Please start using it and provide feedback! Hope it convinces you to use the SAP Web IDE 🙂

 

Best regards,

Wouter

 

To report this post you need to login first.

6 Comments

You must be Logged on to comment or reply to a post.

  1. Sharath M G

    Hello Wouter,

     

    Thank you for sharing the information on the blog. This information is very useful especially in scenarios where we wish to use external libraries.

    I tried to create a destination and add the feature as a plugin in Web IDE. However, when I append my trial account to the URL in your blog: https://sapwebidelibrarymanager<s user id>trial.dispatcher.hana.ondemand.com, I get HTTP STATUS 503.

    How do we build the library manager URL for trial user ids? Kindly assist.

    Regards,

    Sharath

    (0) 
    1. Nick Yang

      Hi Sharath and Harshal,

       

      I assume you imported Wouter’s source code into your WebIDE and tried to use your own URL instead of the one provided in the blog. You need to deploy the project to SCP then URL will work.

      This should solve your problem. Thanks.

       

      Regards,

      Nick

      (0) 

Leave a Reply