我可以在同一局域網中但不在同一主機上的2個文件之間使用PostMessage嗎？

Question

我試圖弄清楚如何在本地網絡中交流2個HTML / JS應用程序。 整個目的是app1可以在不使用Internet的情況下將JS事件觸發到app2，反之亦然。

這兩個應用程序都在同一本地網絡上，但不在同一主機上運行（例如：app1托管在192.168.0.12上，而app2托管在192.68.0.13上）

我聽說過PostMessage可以做到這一點，但是我看到的所有示例都在1個主機上處理了2個HTML頁面。

PostMessage可以做我想做的嗎？ 請注意，我正在使用AngularJS。

謝謝！！

Answer 1

是的，那應該沒問題。 通常，您使用iframe並將app2放置在app1中，或者作為兄弟iframe放置在另一頁上。 然后，您可以通過以下方式將消息從iframe窗口（app2）發送到頂部窗口（app1）：

window.top.postMessage('message in a bottle', '*');

然后您可以從app1窗口中收聽它：

window.addEventListener('message',function(event) {
    console.log('received response:  ',event.data);
});

在此處閱讀有關此內容的更多信息： Mozilla有關postMessage的頁面