@haohuawu/js-bridge

Hybrid消息通信js组件

Usage no npm install needed!

<script type="module">
  import haohuawuJsBridge from 'https://cdn.skypack.dev/@haohuawu/js-bridge';
</script>

README

hybrid应用消息通信js实现

该组件挂载在全局window对象上,用于和native应用之间通信

使用方法

监听native应用向js发送的事件(native调用js)

jsBridge.on(eventName, func)

  • eventName,事件名称
  • func,回调方法,当监听到native应用发送过来的事件时触发,有2个参数
    • payload,native应用发送的具体数据
    • done,js端的响应回调方法,用于通知native端,表示已接受到消息,支持数据回传
jsBridge.on('videoplayer.start', (videoMeta, done) => {
  // 视频开始播放,处理业务逻辑
  // 处理完毕,通知native,回传数据:status = 1 表示处理成功
  done({ status: 1 });
});

向native应用发送事件(js调用native)

jsBridge.emit(eventName, options)

  • eventName,事件名称
  • options,配置对象,方便以后扩展
    • payload,想要传递的json数据
    • done,native端的响应回调,当native接收到事件后触发的js回调,支持数据回传
jsBridge.emit('getUserInfo', {
  done(userinfo) {
    // 获得用户数据
  }
});