请问一下,想把kibana嵌入前端页面,都有什么方法

YMYGABE 2023-05-24 09:05:00

目前看只有通过iframe,除了这个还有别的方式吗?

...全文
456 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
今天没空哦 2023-05-30
  • 打赏
  • 举报
回复

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与前端页面更好地集成。

coder2038 2023-05-24
  • 打赏
  • 举报
回复

方法一:使用 saved object 功能,可以保存kibana的dashboard为一个对象,然后在前端页面中使用 iframe 标签来嵌入kibana的app路径,加上对象的id和一些参数。这种方法比较灵活,可以控制更多的选项,但是可能会有安全性的问题,需要设置kibana的权限。
方法二:使用 vue 框架,可以自己开发一个前端页面,然后使用 axios 库来调用kibana的api接口,获取数据和图表

10,431

社区成员

发帖
与我相关
我的任务
社区描述
Elastic 中国社区
其他 企业社区
社区管理员
  • Elastic 中国社区官方博客
  • 今天吃饭用大碗
  • Skipper_x
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧