vuejs学习之路 免密登录grafana展示图表,数据库使用zabbix(三)

由于系统有部分功能需要跟grafana联动,为了vuejs直接跳转过去展示图标没少折腾。

示例如图:

功能描述:需要展示压测过程中的一些监控数据。

以下是一些尝试过的方法:

1、vuejs调用grafana的api接口,放弃原因:跨域。

2、vuejs调用java,java调用的grafna的api接口,公用一个sessionid,放弃原因:需要后端配置,增加工作量。

3、java调用zabbix接口,展示数据,放弃原因:zabbix接口返回内容不符合预期,数据太多,vuejs界面被卡死。

4、最后跟小哥哥商定:点击“压测监控界面”,会跳转到grafana界面,并免密登录,展示指定图标。

以下是具体操作:

1、grafana修改配置文件,并重启grafana,修改后配置截图如下。

vuejs学习之路 免密登录grafana展示图表,数据库使用zabbix(三)_第1张图片

2、重启grafana:sudo  service grafana-server restart

3、免密登录方式:http://*.*.*.*:3000(grafana网页地址)

4、如果免密方式没有某个图表权限,如果有权限也建议使用快照模式,否则可能vuejs跳转后显示查不到该图表。

用有编辑权限用户将图表做成快照:

vuejs学习之路 免密登录grafana展示图表,数据库使用zabbix(三)_第2张图片

快照链接实力如下:

http://*.*.*.*:3000/dashboard/snapshot/sBjcvlsziDrRAq8ypBnQIMVM8vAoZnxf?orgId=2&kiosk=tv

5、vuejs调用方式:

   target="_Blank">压测监控界面

 

你可能感兴趣的:(vuejs学习之路 免密登录grafana展示图表,数据库使用zabbix(三))