集成方式提供两种技术手段：iframe和直流引用

森产品集成

本文着重讲解如何使用森大屏和 ThingJS UE 结合输出大屏应用的方法。

我们完成森大屏以及 ThingJS UE 的主体功能开发后，以大屏为对外发布使用为主页面，采用 iframe 技术集成 ThingJS UE。

首先森大屏中创建一个iframe标签，修改链接为 ThingJS UE 应用发布的链接

然后需要在大屏自定义开发代码中加入接收通讯数据方法，通常我们采用 postMessage 和 addEventListener 方法进行发送和接收指令。以下是大屏里与 ThingJS UE 通许代码示例

javascript

/**
 * 大屏窗口，以下是大屏窗口下的代码
 */

iframeDom.contentWindow.postMessage(
    {
        messageType: '',
        params: ''
    },
    'http://ip:port/ue'
)

function listener(event) {
    // 确定是你确实希望从自己的 UE 应用网站接收 message
    if (event.origin !== 'http://ip:port/ue')
        return;
}
window.addEventListener('message', listener)

javascript

/**
 * iframe 引用的 UE 窗口，以下是 UE 窗口下的代码。UE 已提供了封装好的通讯方法，我们可以直接使用
 */

森产品集成 ​

森产品集成