Vaadin Flow example for importing a Javascript package like AmazonConnectSDK

General
1

Can someone please point me how I can integrate a Javascript SDK in Vaadin Flow, Call JavaScript methods, etc? thank you!

2

Depends a bit on the JS library you want to integrate. Some are simpler: integrating them via the npm package and js module annotations and then calling them from the server side using some JS methods is enough.

Others are more complicated and require the implementation of your own web component.

I do not know the mentioned SDK so I cannot go more into detail for this explicit example.

The best way to start is the Flow documentation regarding creating components, using web components and the element api.

The Vaadin components like TextField or Grid use the same mechanisms, so having a peek into them is also helpful to see the docs in real usage.

And there are of course addons in the directory, from which you may get some ideas on how to do things. Some examples of integrations of more complex 3rd party JS libraries are for instance my FC addon or the CKEditor integration.

So TL;DR;

  1. read the Flow docs
  2. have a peek into the Vaadin components for some usage beside doc demos
  3. check some addons in the directory

That should be a good start to learn how to integrate client side stuff into Flow :slight_smile:

2 Likes
3

Thanks @Stefan.27 ! I will give it a try