10,431
社区成员




1、iframe嵌入:可以通过在前端页面中使用iframe元素将Kibana引入到当前页面中。这种方法简单易行,但需要考虑到跨域问题以及对原有页面造成的影响。
2、KIbana插件:可以使用Kibana插件机制,开发一个自定义插件,然后将插件集成到Kibana中。通过自定义插件可以更加灵活地控制Kibana的显示内容以及交互方式。
3、Kibana API: Kibana提供了一些API,可以让前端脚本按需向服务端请求相应的数据。这样,就可以在前端页面中调用Kibana API获取相应的数据,进行自定义的渲染和页面展示。
4、ElasticSearch的X-Pack: ElasticSearch的X-Pack是一个为ElasticSearch提供安全、警报、监视、报告和图形化用户界面等一系列功能的扩展。其中,Kibana作为ElasticSearch的一部分,也有X-Pack版本,可以使用ElasticSearch的X-Pack使Kibana与前端页面更好地集成。
方法一:使用 saved object 功能,可以保存kibana的dashboard为一个对象,然后在前端页面中使用 iframe 标签来嵌入kibana的app路径,加上对象的id和一些参数。这种方法比较灵活,可以控制更多的选项,但是可能会有安全性的问题,需要设置kibana的权限。
方法二:使用 vue 框架,可以自己开发一个前端页面,然后使用 axios 库来调用kibana的api接口,获取数据和图表