绑定到电子

时间:2017-06-04 11:17:30

标签: node.js electron ractivejs

对于电子应用程序,我使用全局变量在我的管理面板中存储一些不断变化的值(主要是从各个客户端收到的状态信息)。

因此,在我的主要流程中,我收集这些数据并将其写入变量

global.sharedObject = {
    Clients:[]
}
//on receiving information via ipc
global.sharedObject.Clients.push(data);

这完美无缺,并提供了一系列带有我的客户端状态数据的对象。例如[{"id":"abe289c8-71ae-4764-87d8-1eb7b8adde7f","IP":"192.168.0.2","type":"Client Type 1","MachineName":"HP4711"}]

在我的渲染器过程中,有一个页面,这些数据通过ractive实时显示:

const remote = require('electron').remote;
let ClientList = remote.getGlobal('sharedObject').Clients;
let ractive = new Ractive({
    el: '#clientBoxes',
    template: myTemplate,
    twoway: false,
    //magic: true,
    data: {
        Clients: ClientList //or with same result:
        Clients: remote.getGlobal('sharedObject').Clients;
    });

数据呈现正确,但只有在我重新加载页面时才会更新。如果我使用magic: true,我会收到错误TypeError: Cannot redefine property: id at Function.defineProperty (<anonymous>) at ...\ractive\ractive.js:10637:11

有没有人有想法,或者知道更好的方法来在全球范围内存储快速变化的电子价值?

1 个答案:

答案 0 :(得分:2)

remote的{​​p> Documentation说:

  

注意:当通过远程模块访问时,阵列和缓冲区将通过IPC复制。在渲染器过程中修改它们不会在主过程中修改它们,反之亦然。

这意味着当您致电remote.getGlobal('sharedObject')时,您将在那个时刻获得shareObject的状态。您的视图无法更新,因为数组在渲染器方面根本没有变化。

每次win.webContents.send更新时,您都可以通过shareObject发送消息。在渲染器中,您可以侦听这些消息,然后只更新反应组件。