uniapp 和安卓 ios 之间的交互

Posted 2021-06-27 水星记_

在开发 uniapp 时避免不了跟ios或者是安卓之间的交互，那 uniapp 与安卓或者ios之间是怎么交互的呢，其实主要分成三部分。

1. 需要调用获取系统信息同步接口
2. 通过系统信息判断是安卓还是ios
3. 进行交互信息

案例

这是一个点击事件中的交互

data中的参数是ios需要我传递的信息；intGoodsId是ios会给到的参数名；this.userId 是我获取到我当前商品的id；
offActDetMsg是ios给的方法，直接调用就可以执行他的这个方法；
toChange 是安卓给的方法，直接调用就可以执行他的这个方法；
this.detailsList 是安卓需要我传递给他的信息且以 json 字符串的形式给到安卓。

// 点击立即兑换按钮
btnClick() {
	let systemPhone = uni.getSystemInfoSync();//调用获取系统信息同步接口
	//console.log(systemPhone,"获取系统信息")
		let data = {
			intGoodsId: this.userId,  
		}
		//和ios交互信息
		if (systemPhone.platform == 'ios') {
			//更换offActDetMsg 
			window.webkit.messageHandlers.offActDetMsg.postMessage(data);//data是拿到上面定义的data
		} else {
			//和安卓交互信息
			window.BusinessBridgeModule.callNative('toChange', JSON.stringify(this.detailsList));
		}
}