ES | EN
| Table of Contents |
|---|
El motor de dashboard , no tiene porque por qué usarse sólo dentro de plataforma. Existen varias formas de integrar su funcionalidad en otras aplicaciones o webs, tanto para ver un dashboard diseñado en plataforma de forma pública o privada, como en modo edición, pudiendo delegar esta funcionalidad incluso a una UI personalizada y más acorde para el usuario final.
Integración por iFrame
En esta integración incluiremos , debes incluir un tag html iframe HTML iFrame en nuestra tu aplicación donde se abrirá el motor de dashboards en el que tendremos tendrás que incluir una url URL que nos facilitará la plataforma. Las urls pueden ser obtenidas Puedes obtener las URLs en el propio listado de dashboards:
...
Cualquiera de estas dos urls URLs necesitará del token oauth2 OAuth2 bearer de acceso de usuario, que puede ser obtenido mediante un login a plataforma con el usuario. Se tendrá Tendrás que incluir mediante el parámetro de urlURL, “oauthtoken“ sin la parte “bearer “ inicial, obteniendo una urls URL del estilo:
https://{platformhost}/controlpanel/dashboards/viewiframe/{dashboard ID}?oauthtoken={bearer token}
...
Como su nombre indica, la primera url nos URL permitirá visualizar un dashboard de plataforma, con el usuario dado por el token pasado y la url URL de edición nos permitirá visualizar el dashboard en modo edición.
En modo edición, no se tendrán todos los menús del controlpanel Control Panel, ya que algunos provocarían errores de acceso e incoherencias con este tipo de visualización. Las funcionalidades de incluir elementos, editarlos, salvar el dashboard, etc., están incluidas en el API JS desarrollado para trabajar con el mismo: API Javascript del Dashboard Engine Javascript API
Integración en aplicaciones Vue (Wrapper Vue)
| Info |
|---|
Available in version Disponible desde la versión 2.1.3-gradius |
Esta integración , consigue incluir el dashboard sin iframes iFrames dentro de nuestra tu aplicación VueJS. Habrá que Debes tener varias consideraciones ya que, al trabajar sin iframes tendremos iFrames, tendrás que resolver ciertas partes en la aplicación, pero conseguiremos conseguirás una integración mucho más nativa, potente y ágil que por iframeiFrames. La documentación se encuentra en el siguiente tutorial.How to include Dashboards in your Vue App? (Vue Wrapper Integration:
¿Cómo incluir Dashboards en tu aplicación Vue (Dashboard4Vue Wrapper)