dsBridge之h5和app如何相互通信？

注意：以下内容均为h5页面代码

一、安装并引入dsBridge

1、安装

yarn add dsbridge 或  npm i dsbridge

2、需通信页面引入

import dsbridge from 'dsbridge';

二、H5向app传数据(h5决定触发时机)

app那边定义好方法，由h5决定触发时机并调用，例如h5页面有个图片，希望调用app的原生图片预览

const onPreview = () => {
  dsbridge.call('imagePreview', 'h5页面当前点击图片的url')
  // dsbridge.call('getToken', '', res => console.log(res))
}

dsbridge.call(method, arg, callback)
参数一（method）: app定义好的方法
参数二（arg）：h5传给app中method方法的参数。只能传一个，如果需要多个参数时，可以合并成一个json对象参数。
参数三（callback）：处理method的返回结果. 可选参数，只有异步调用时才需要提供.

三、app向H5传数据（app决定触发时机）

h5定义好方法，由app决定触发时机并调用

dsBridge.register('h5Method', (l, r) => {
	return l + r
})

dsbridge.register(method, function)
参数一（method）: h5定义好的方法
参数二（function）：app传给h5中method方法的数据, 如上方示例的l和r，是由app传过来的数据[l, r]