Sur cette page

Integrer des tableaux de bord dans un portail

Mugnsoft peut vous fournir un extrait <iframe> pret a l’emploi qui integre un tableau de bord en direct et en lecture seule dans n’importe quelle page web — un portail intranet, un mur d’ecran ou une page de statut publique. La vue integree ne necessite aucune connexion et se rafraichit d’elle-meme. Lorsqu’une replique Webserver-Front est configuree, l’iframe pointe automatiquement vers la replique afin de ne jamais exposer le Webserver interne.

Ce que vous pouvez integrer

Deux vues sont disponibles comme tableaux de bord integrables :

Vue Ce qu’elle montre
Vue App La grille de statut des applications — une carte compacte par application avec sa sante actuelle.
Vue App 3D Le plan applicatif 3D, les memes donnees rendues sous forme de scene 3D interactive.

Les deux sont en lecture seule et associees a un utilisateur ; le tableau de bord integre montre donc exactement les applications que cet utilisateur est autorise a voir.

Generer l’extrait d’integration

  1. Connectez-vous au Webserver et ouvrez le tableau de bord des applications.
  2. Cliquez sur l’action partager pour ouvrir la boite de dialogue :
    • l’icone partager (share-from-square) pour la vue App,
    • l’icone cube pour la vue App 3D.
  3. La boite de dialogue affiche un extrait <iframe> complet. Ajustez la largeur et la hauteur a votre page, puis cliquez sur copier et collez-le dans le code HTML de votre portail.
Boite de dialogue de partage montrant l'extrait iframe genere pour la vue applicative

Un extrait genere ressemble a ceci :


<iframe id="mugnsoftAppEmbeddedStatus"
        title="Application Embedded status"
        width="100%" height="600"
        src="https://front.example.com:9090/web/html/viewer.html#/appsview?user=jdoe&detail=false">
</iframe>
L’hote dans le src est choisi pour vous. Si une replique Webserver-Front est activee et que son URL publique est renseignee, l’extrait pointe vers la replique — l’hote en lecture seule, sur pour la DMZ. Sinon, il se rabat sur le Webserver depuis lequel vous l’avez genere. La boite de dialogue de partage indique quel hote le lien cible.

Ajuster la vue avec des parametres d’URL

L’extrait fonctionne tel quel, mais vous pouvez ajouter des parametres facultatifs a l’URL src pour modifier ce que la vue integree affiche.

Vue App (appsview)

Parametre Valeurs Effet
detail true / false Inclure le detail par application dans les cartes.
view compact / detail Selectionner la mise en page des cartes.

Vue App 3D (app3dPlaneview)

Parametre Valeurs Effet
filter true / false Afficher la barre de recherche et les controles 3D.
weather true / false Activer la presentation “meteo” du plan.

Par exemple, pour integrer un mur d’ecran 3D epure sans controles, terminez le src par …/app3dPlaneview?user=jdoe&filter=false.

Notes d’integration

  • Dimensionnement. La vue est responsive ; definissez width="100%" et une height fixe adaptee a votre mise en page. Les murs d’ecran utilisent en general une hauteur plus grande pour la vue 3D.
  • Rafraichissement. La vue integree interroge les mises a jour d’elle-meme — votre portail n’a pas besoin de recharger l’iframe.
  • Aucune connexion. Les routes integrees sont des vues publiques en lecture seule indexees par l’utilisateur present dans l’URL ; le visualiseur ne demande jamais d’identifiants, ce qui le rend adapte aux portails.
  • L’integration cross-origin est autorisee. Les tableaux de bord sont servis sans restriction X-Frame-Options: SAMEORIGIN afin de pouvoir etre encadres depuis l’origine de votre portail.

Note :

Quiconque possede le lien peut consulter le tableau de bord integre — il n’y a aucune etape de connexion. Traitez l’URL de l’extrait comme le controle d’acces : n’integrez-le que sur des pages dont le public est autorise a voir ces applications, et privilegiez le pointage de l’iframe vers une replique Webserver-Front lorsque le portail se trouve sur un reseau non fiable.

See also

Traductions

Import, export et snapshot de depot