最典型的用法是构建跨页面的页面级 api 服务。
如一个web应用内,包含一个iframe, iframe中的页面需要调用父页面中的某个方法。
那么父页面则是接口提供方,iframe页面事接口调用方。
npm i cross-page-communication --save
对于接口提供方:
import { Server } from 'cross-page-communication'
var server = new Server('@serverName');
server.start();
server.onMessage(function(event) {
var msg = event.data;
switch (msg.title) {
case 'hi':
//do something
break;
}
});
对于接口调用方:
import { Client } from 'cross-page-communication'
var client = new Client();
client.start();
client.postMessage({
from 'clientName',
to: '@serverName',
title: 'hi',
body: "dad. I love you!"
});