将 Keen 仪表板嵌入到 Web 应用程序
Embedding Keen Dashboard to Web Applications
我在 Keen 中创建了一个仪表板,我想在我的 Web 应用程序中使用相同的仪表板。有没有什么方法可以将完整的仪表板嵌入到另一个应用程序中?
由于跨源限制,iframe 将无法运行。使用 javascript 创建仪表板的小部件是一种解决方案,但我想跳过它的编码部分。这样做的原因是因为如果我的客户想要更新仪表板,那么他可以通过简单地在 keen 上更新它来做到这一点,这样的事情不需要新的构建。
我在 Keen 工作,你是对的,iframe 无法工作,因为浏览器引入了安全更改来阻止点击劫持攻击。
在“嵌入 html”的第一次迭代中,我们使用了用于存储 json 属性的静态版本(其中包含有关要呈现的图表的信息和已保存查询的名称使用)。
我们正在努力部署更新版本的仪表板查看器 - 它支持动态加载仪表板的当前状态。
这应该可以解决您所引用的问题。如果您想在我们的网站上提交票证,可以提供一个时间,因为它离发布越来越近了。只需引用此 url.
https://responsivedesign.is/articles/xframe-options/
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
我在 Keen 中创建了一个仪表板,我想在我的 Web 应用程序中使用相同的仪表板。有没有什么方法可以将完整的仪表板嵌入到另一个应用程序中?
由于跨源限制,iframe 将无法运行。使用 javascript 创建仪表板的小部件是一种解决方案,但我想跳过它的编码部分。这样做的原因是因为如果我的客户想要更新仪表板,那么他可以通过简单地在 keen 上更新它来做到这一点,这样的事情不需要新的构建。
我在 Keen 工作,你是对的,iframe 无法工作,因为浏览器引入了安全更改来阻止点击劫持攻击。
在“嵌入 html”的第一次迭代中,我们使用了用于存储 json 属性的静态版本(其中包含有关要呈现的图表的信息和已保存查询的名称使用)。
我们正在努力部署更新版本的仪表板查看器 - 它支持动态加载仪表板的当前状态。 这应该可以解决您所引用的问题。如果您想在我们的网站上提交票证,可以提供一个时间,因为它离发布越来越近了。只需引用此 url.
https://responsivedesign.is/articles/xframe-options/
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options