开源BI分析工具使用系列:Metabase Dashboards和Questions内嵌在自己应用中

本文主要介绍如何将Metabase中定义 Dashboards(仪表盘)和Questions(图表)内嵌在自己应用中。Metabase是一个开源的BI分析工具,功能非常强大,可以快速将各种数据源通过界面交互操作和SQL语句定义5分钟之内生成图表。在自己应用系统中不需要再重新开发这些图表和仪表盘功能,可以引入Metabase图表和仪表盘。

1)首先登录Metabase界面(以下所有操作必须是管理员),进入管理员界面

QQ20190120-214210@2x

2)开启公开共享功能和嵌入其他应用中,生效选项如下图所示

QQ20190120-214241@2x

QQ20190120-214301@2x

仪表盘嵌入其他应用中

QQ20190120-214344@2x

1)选择需要嵌入的仪表盘Dashboard,点击如上图所示分享按钮

QQ20190120-214359@2x

2)点击如上图所示在一个应用嵌入这个dashboard按钮,显示如下图所示:

QQ20190120-214410@2x

3)点击代码复制粘贴代码到你的应用中,该dashboard就可以在自己应用中显示出来。

图表(Questions)嵌入其他应用中

1)选择你要嵌入图表,点击分享按钮,后续操作和仪表盘嵌入其他应用中一样。

QQ20190120-214440@2x

2)点击代码,复制代码到自己应用中。说明嵌入代码使用JWT作为安全机制,METABASE_SECRET_KEY非常重要,可以在管理员界面嵌入在其他应用中重制SECRET KEY。

QQ20190120-215653@2x

3)预览样式就是嵌入其他应用中呈现的效果,下图所示去除Metabase LOGO。

QQ20190120-214505@2x

在Metabase源代码中搜索hideEmbedBranding,打开settings.js文件。

DC9F4902E8E3BC774F6A4EE04F11FD21

settings.js源代码如下,修改如下图所示位置和代码即可。

A4E3AE28D5B411660806348EDF1B987E

最后重新编译Metabase项目,运行Metabase应用就可以去掉Metabase Logo。

如果编译Metabase源代码请查阅我上一篇文章:开源BI分析工具使用系列:编译Metabase项目

推荐文章

沪公网安备 31010702002009号