Library Manager for SAP Web IDE

[WouterLemaire]

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