huangque 黄雀

非同源、同源窗口通信方案，主从模式，一主可以对应一从或多从

安装

npm install @zhuequejs/huangque

模式

主从结构

允许一主对应一从或多从的结构进行通信

用法

主页面

import { MessageMaster, MessageType } from '@zhuequejs/huangque'
// 创建master
const messageMaster = new MessageMaster(true)
// 订阅name=_test_1的slave的消息，消息类型MessageType.MESSAGE_SLAVE_READY，callback
messageMaster.subscribeMessage('_test_1', MessageType.MESSAGE_SLAVE_READY, (message) => {console.log(message);})
// 开始监听
messageMaster.startEventListener()
// 启动窗口,url和slave_name
messageMaster.createSlaveWindow(url, '_test_1')

从页面

import { MessageSlave, MessageType } from '@zhuequejs/huangque'
// 创建slave，传入它的名称
const messageSlave = new MessageSlave('_test_1')
// slave订阅消息
messageSlave.subscribeMessage(MessageType.MESSAGE_SLAVE_READY, (message) => {console.log(message);})
// 开始监听
messageSlave.startEventListener()
// 向master发送已准备的状态消息，主从开始通信
messageSlave.postMessage(MessageType.MESSAGE_SLAVE_READY)