@0x0006e/hybrid-js-sdk 中文文档教程

Question

Hybrid JS-SDK

Core

Web -> Native

Native 将全局函数注入浏览器：

• iOS: window.webkit.messageHandlers.nativeApp.postMessage
• Android: window.nativeApp.sendToNative

Native -> Web

Web 为窗口定义了两种方法：

• window.webApp.callback
• window.webApp.dispatch

Install & API

使用 npm:

$ npm install @0x0006e/hybrid-js-sdk

或使用 yarn:

$ yarn add @0x0006e/hybrid-js-sdk

Web -> Native

examples/src/index.js

• Web dispatch event to native

hybrid.dispatch(event, params).then(console.log);

• Web handle native dispatch event

const unsubscribe1 = hybrid.listen(event, callback);
const unsubscribe2 = hybrid.listen(event, callback);

• unsubscribe event

unsubscribe1()

Native -> Web

examples/src/index.js

• Native dispatch event to web

webApp.dispatch(event, params);

• Native handle web dispatch event

setTimeout(() => {
  webApp.callBack(eventId, params);
});

Preview

• online examples

  git clone https://github.com/0x0006e/Hybrid-JS-SDK.git
  cd Hybrid-JS-SDK/examples
  yarn && yarn start

TODO

• [ ] tests
• [x] workflow CI CD
• [ ] lint

Others

• PR thanks!