Question

我有一个Thingboard服务器和与其连接的设备。有仪表板显示允许客户使用的设备的详细信息。现在，我们要将仪表板嵌入到我们的Web应用程序/离子应用程序中。我们希望看到嵌入式仪表板而不必登录到物联网。有没有一种方法可以通过Cookie，标头或url传递凭据/令牌来嵌入私有仪表板

简单地做 <iframe id="myframe" src="http://THINGSBOARDURL/dashboards/7c561ea0-60fa-11e9-89e4-7b63caf01c9a" width="100%" height="100%"></iframe> 加载登录屏幕。

根据垃圾聊天的建议和SO中的一些帖子，我尝试了

function populateIframe(token){


$.ajax({
  type: "GET",
  url: 'http://THINGSBOARDURL/dashboards/7c561ea0-60fa-11e9-89e4-7b63caf01c9a',
  success: function(data){

    //update iframe content
    myframe.attr('src',"/")
    myframe.contents().find('html').html(data); 

  },
  beforeSend: function(xhr, settings){
            xhr.setRequestHeader("X-Authorization", 'Bearer ' + token);},
  });
}

但它会断开所有链接。仪表板页面正在加载脚本。我还尝试了使用具有blob数据的createObjectURL，但其地址具有调用页面的来源，而不是东西面板的URL

Thingsboard在Web应用程序中嵌入了专用仪表板

0 个答案: