关键词：
【中文标题】将 Grafana 集成到 Web 应用程序中【英文标题】：Integrating Grafana into a web app 【发布时间】：2016-11-25 08:24:36 【问题描述】：一点背景知识，我一直在使用 BCI（脑机接口）和多通道 EEG 来监测大脑活动。当用户开启 BCI 上限的会话时，来自每个通道的原始数据流存储到 Influxdb。
我可以实时可视化这些数据，我通过将我在 Influxdb 中的数据库与 Grafana 集成成功地实现了这一点，如下所示的通道 1
但是，我的最终目标是创建一个网络应用程序，用户可以在其中登录并实时查看他们当前的流式传输会话或之前的任何会话。 Grafana 的问题是，与现有的 Web 应用程序集成/嵌入并不容易。我查看了Embed Panel，但这使我只能添加图表的快照，而我需要它是实时的，其中数据不断地流式传输到图表。
任何帮助将不胜感激，并提前致谢！
【问题讨论】：
你能不能把 iframe grafana 放到你的 webapp 中？就像在这个问题中一样：***.com/questions/35583712/…您可能会遇到可以这样解决的身份验证问题：blog.raintank.io/… @Corleone 你设法解决了这个问题吗？我发现自己处于类似的境地。 @ascu 很遗憾，没有，但我使用了外部图表库（如 Smoothie Charts、d3.js）来创建自己的图表 【参考方案1】：Grafana 没有“javascript 库”，可以将其加载到页面中以在外部 Web 应用程序中重新创建面板 (relevant github issue here)。
如果你愿意使用grafana以外的东西，你可以使用像influxdb-nodejs或influent这样的js驱动连接到influxdb来获取数据，然后使用绘图库（例如flot，plotly 、d3、smoothie charts) 重新创建图表。这将是解决问题的典型方法，但它确实需要您花费更多的开发时间。
但是，如果您确实想使用 grafana，您现在可以使用 iframe 将embed a grafana panel 插入外部应用程序，如下所示：
<iframe
src="https://snapshot.raintank.io/dashboard-solo/snapshot/y7zwi2bZ7FcoTlB93WN7yWO4aMiz3pZb?from=1493369923321&to=1493377123321&panelId=4"
frameborder="0">
</iframe>
【讨论】：
【参考方案2】：在我的例子中，我只是点击面板 -> 有一个按钮“分享” -> 选项卡“嵌入” - 你有 iframe 标签，你可以复制粘贴到你的网站。
【讨论】：
将 Apache Zeppelin notebook 集成到 Web 应用程序中
】将ApacheZeppelinnotebook集成到Web应用程序中【英文标题】：IntegratingApacheZeppelinnotebookintoawebapplication【发布时间】：2017-01-2705:37:19【问题描述】：我想将ApacheZeppelin笔记本集成到另一个已与ApacheSpark集成的Web应用程序中。这样做的最... 查看详情
使用 Java 将 Paypal 集成到 Web 应用程序中
】使用Java将Paypal集成到Web应用程序中【英文标题】：IntegratePaypalinWebApplicationusingJava【发布时间】：2011-12-2023:07:20【问题描述】：我想将paypal集成到我的Web应用程序中。我正在使用RESTEasyAPI来处理宁静的请求。我想知道如何在我... 查看详情
将 lync 2010 集成到 Web 应用程序
】将lync2010集成到Web应用程序【英文标题】：Integratinglync2010towebapplication【发布时间】：2013-08-1206:54:09【问题描述】：我正在尝试将officecommunicatorLync2010集成到Web应用程序中，如果没有的话，这是否可以通过UCWA(http://ucwa.lync.com/)服... 查看详情
将 WordPress 功能集成到 Ionic 4 Web 应用程序中
】将WordPress功能集成到Ionic4Web应用程序中【英文标题】：IntegratingWordPressfeaturesintoanIonic4webapplication【发布时间】：2020-03-2611:07:45【问题描述】：我正在使用新的Ionic4框架和多个WordPress安装（在同一服务器上的子域中）构建Web应用... 查看详情
将 jQuery 集成到现有的 ASP.NET Web 应用程序中？
】将jQuery集成到现有的ASP.NETWeb应用程序中？【英文标题】：IntegratingjQueryintoanexistingASP.NETWebApplication?【发布时间】：2010-09-1323:23:58【问题描述】：MicrosoftrecentlyannouncedJavascript/HTMLDOM库jQuery将被集成到ASP.NETMVC框架和ASP.NET/VisualStudio... 查看详情
使用 JSON Web 令牌授权 Grafana / Elasticsearch 请求？
...。我的目标是使用iframe将仪表板中的面板嵌入到我的网络应用程序中。Web应用程序的授权 查看详情
Grafana 与 springboot 和 postgres 的集成
...用Grafana进行可视化。我有一个与PostgreSQL集成的Spring-boot应用程序。我想从Postgres中获取数据并在Grafana中显示。到目前为止，我已经找到了maven对grafan 查看详情
将基于令牌的安全性集成到现有的 Spring Security Web 应用程序中
】将基于令牌的安全性集成到现有的SpringSecurityWeb应用程序中【英文标题】：IntegratingTokenbasedsecurityintoexistingSpringSecuritywebapplication【发布时间】：2013-09-2013:44:18【问题描述】：我正在设计一个RESTfulWeb服务，用户需要在经过适当的... 查看详情
使用 strophe.js 和 punjab 将 Google Talk 集成到 Web 应用程序
】使用strophe.js和punjab将GoogleTalk集成到Web应用程序【英文标题】：IntegratingGoogleTalktowebappusingstrophe.jsandpunjab【发布时间】：2011-07-2102:22:23【问题描述】：我正在尝试将GoogleTalk（又名gtalk）集成到我的网络应用程序中。这将是一个... 查看详情
将 Angular 和 .net core web api 安全地集成到现有的 MVC 5 应用程序中
】将Angular和.netcorewebapi安全地集成到现有的MVC5应用程序中【英文标题】：Securelyintegrateangularand.netcorewebapiintoexistingMVC5app【发布时间】：2020-09-0621:16:21【问题描述】：我有一个使用razorhtml前端在ASP.NETMVC5中构建的现有CRM。我想将项... 查看详情
将 Spring Batch Admin 与另一个 JPA 持久性集成到 Spring Boot Web 应用程序中
】将SpringBatchAdmin与另一个JPA持久性集成到SpringBootWeb应用程序中【英文标题】：IntegratingSpringBatchAdminInSpringBootWebAppWithAnotherJPAPersistence【发布时间】：2019-05-2616:16:37【问题描述】：我有一个EAR文件，其中包含我们的主应用程序（普... 查看详情
将 Web 应用程序与 DSC 卡集成
】将Web应用程序与DSC卡集成【英文标题】：IntegratingwebapplicationwithDSCcard【发布时间】：2014-04-3005:57:16【问题描述】：我正在开发一个新应用程序，我需要使用最终用户数字卡来签署正在上传到应用程序中的文档。我将创建一个基... 查看详情
每分钟将数据记录到 grafana
...时间】：2019-09-1720:04:55【问题描述】：下面的代码在我的应用程序中每30秒将五个指标计数、oneminuteRate、fiftenMinuteRate、fiveMinuteRate、meanRate注册到石墨中。publicvoidcollectMetric(stringmetricName,longm 查看详情
如何将 BIRT 日志记录集成到应用程序日志记录中？
】如何将BIRT日志记录集成到应用程序日志记录中？【英文标题】：HowdoIintegrateBIRTloggingintoapplicationlogging?【发布时间】：2011-07-1122:40:16【问题描述】：我正在使用SpringFramework、Hibernate和Wicket开发一个Web应用程序。我已将BIRT运行时... 查看详情
将 Facebook、twitter、google plus 集成到另一个应用程序中
】将Facebook、twitter、googleplus集成到另一个应用程序中【英文标题】：IntegratingFacebook,twitter,googleplusintoanotherapp【发布时间】：2012-10-0412:41:59【问题描述】：将facebook、twitter和googleplus集成到另一个web应用程序中，以便将该应用程序... 查看详情
将 OBIEE 与 Web 应用程序集成
】将OBIEE与Web应用程序集成【英文标题】：IntegratingOBIEEwithwebapplication【发布时间】：2014-06-2305:12:54【问题描述】：我需要将OBIEE报告与基于J2EE的Web应用程序集成。在浏览可用文档时，我了解到有多种集成方式。我特别在寻找以下... 查看详情
将 grails 集成到现有的 Spring 应用程序中？
】将grails集成到现有的Spring应用程序中？【英文标题】：Integratinggrailsintoanexistingspringapplication?【发布时间】：2010-10-2707:48:03【问题描述】：如果您不想为grails启动一个单独的项目，而是将其潜入现有的web应用程序中怎么办？我... 查看详情
如何将 StringTemplate 引擎集成到 CherryPy Web 服务器中
】如何将StringTemplate引擎集成到CherryPyWeb服务器中【英文标题】：HowtointegratetheStringTemplateengineintotheCherryPywebserver【发布时间】：2010-09-2714:50:32【问题描述】：我喜欢StringTemplate引擎，我喜欢CherryPyWeb服务器，而且我知道它们可以集... 查看详情