Développement informatique

Comment rendre accessible un dashboard Kibana dans une iframe ?

Comment rendre accessible un dashboard Kibana dans une iframe ?

Pour rendre un dashboard Kibana accessible dans une iframe, vous devez d’abord autoriser les iframes sur votre serveur Kibana. Pour ce faire, vous pouvez ajouter la ligne suivante à votre fichier kibana.yml :

xpack.security.iframe.whitelisted_urls: ["https://www.example.com"]

Remplacez https://www.example.com par l’URL de votre site web où vous souhaitez afficher le dashboard Kibana. Vous pouvez également utiliser un joker (par exemple, https://*.example.com) pour autoriser les iframes à partir de tous les sous-domaines de votre domaine.

Une fois que vous avez autorisé les iframes, vous pouvez afficher votre dashboard Kibana dans une iframe en utilisant l’URL suivante :

https://<kibana_host>:<kibana_port>/app/kibana#/dashboard/<dashboard_id>?embed=true&_g=(...)

Remplacez <kibana_host> et <kibana_port> par l’hôte et le port de votre serveur Kibana, et <dashboard_id> par l’ID de votre dashboard. Vous pouvez également ajouter des paramètres de requête pour personnaliser l’apparence et le comportement de votre dashboard dans l’iframe.

Voici un exemple de code HTML pour afficher un dashboard Kibana dans une iframe :

<iframe src="https://<kibana_host>:<kibana_port>/app/kibana#/dashboard/<dashboard_id>?embed=true&_g=(...)"></iframe>

Vous devriez maintenant être en mesure d’afficher votre dashboard Kibana dans une iframe sur votre site web. N’oubliez pas de redémarrer votre serveur Kibana après avoir modifié votre fichier kibana.yml pour que les modifications soient prises en compte.

Nicolas

Recent Posts

Shaka Ponk : les raisons de l’arrêt du groupe

Shaka Ponk, le groupe de rock électro-punk français, a annoncé sa décision de se séparer…

6 mois ago

Marine Le Clézio : « Votre corps me parle », un spectacle à ne pas manquer !

Rue de l'info est tombé sous le charme d'une artiste  hors pair qui sera au…

7 mois ago

Découvrez l’Interface de Chatbot RAG : Améliorez l’Expérience Éducative avec l’IA

Introduction L'intelligence artificielle (IA) transforme le monde à une vitesse fulgurante, et l'éducation ne fait…

9 mois ago

Houlfest #3 : Emenya de retour en concert le 4 mai !

La ville de Thury Harcourt, nichée au cœur du Calvados, se prépare à accueillir un…

9 mois ago

Développez avec Angular et Docker : Découvrez ng-starter-app

Dans le monde en constante évolution du développement web, Angular s'impose comme un framework incontournable…

10 mois ago

Développez Rapidement des Applications Nuxt.js avec Docker : Découvrez le Starter Kit

Dans l'univers du développement web, la rapidité et l'efficacité sont clés pour transformer une idée…

11 mois ago