EN | ES
Dashboard engine not only can be use inside of onesait platform. There’re ways to integrate it in other applications or webs, for using private dashboard or public ones, or event for editing purposes having a custom UI, focus on client, for editing the dashboard.
iFrame integration
In this integration, we include an iframe html tag in our application where the dashboard engine will be open and where we need to include the dashboard url in ”src” param. The URLs can be obtained in the dashboard list itself.
Any of this two urls need the auth2 token of the platform, that can be obtained through the user login process. This must be included with the query param “oauthtoken“ without the initial “bearer “ string, getting url like:
https://{platformhost}/controlpanel/dashboards/viewiframe/{dashboard ID}?oauthtoken={bearer token}
https://{platformhost}/controlpanel/dashboards/editfulliframe/{dashboard ID}?oauthtoken={bearer token}
For example:
First url, allow us to visualize some platform dashboard, with the use of the oauthtoken param. The other url allow us to access the url for editing purposes.
In edit mode, all menus are not available because there’ll be some inconsistencies and access errors in the edition. The functionalities of include elements, edit them, save the dashboard and many other are included in the javascript API developed for work with the dashboard Dashboard Engine Javascript API
Wrapper for use in Vue Apps (Wrapper Vue)
Available in version 2.1.3-gradius
This integration allow us include the dashboard without iframe inside our VueJS application. There’ll be some things to pay attention because if we work with no iframe we need to solve and provide some thing in the main platform but we’ll get a native way of integration, more powerfull a faster then the iframe. The documentation are in the following tutorial.
How to include Dashboards in your Vue App? (Vue Wrapper Integration)