Include External Javascript Library in SAPUI5
Hello,
i needed to add externel Javascript libraries into one of our Fiori applications. It took me some time to figure out how this could be achived, as eg. jQuery.sap.loadScript() didn’t properly call the defined callback function. So here comes a working example – i know d3 is already included within sapui5, but i’ve needed another version as shipped in sapui5. This works also with other external js libraries.
jQuery.sap.registerResourcePath(“d3”, “../extjslib/d3”);
jQuery.sap.require(“d3”);
Have a nice day & kind regards,
Michael
Hi Michael,
where do place the call to
jQuery.sap.registerResourcePath("d3", "../extjslib/d3");
jQuery.sap.require("d3");
in your Fiori-App?
Regards Christian
Hy Christian,
i've placed it in the Component.js file.
Regards,
Michael
Hi Michail,
Below is the screen of my project, I am developing a custom fiori app and launchpad for accessing the custom app. We need client side pdf generation so we are trying to include third party library marked in blue to accomplish the requirement.
Please provide code or steps to include these files using component.js.
I am aware of including third party library index.html, as are not using index we need component.js route of including these files.
your reply is much appreciated!
Regards,
BG
It is better to use sap.ui.define instead of jQuery.sap.require as a best practice.
Also other approach is to include it in Component.js in "includes" parameter under "metadata".
You should create question, not a blog.
For your question, this is how I include other modules:
https://blogs.sap.com/2017/04/30/how-to-include-third-party-libraries-modules-in-sapui5/