app嵌套H5与原生交互的方法

app嵌套H5与原生交互的方法

安卓里面嵌套H5之间的方法相互调用

//H5调用安卓里面的方法
if(this.$winInfo.shebei == 1){
window.Android.goToAuditActivity();
}else{
goToAuditActivity();
}

//输入手机号的input框失去焦点时，先判断手机号是否符合手机号规则，如果符合就调用下面的getPhoneName方法。

//根据手机号查询通讯录中的名字 触发与原生交互
function getPhoneName(phone){
	// 判断时苹果手机还是安卓手机，因为不同手机交互方法不一样。
	if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){
		// 下面 getPhoneName 这个名字是跟app开发人员共同定义的，因为他们也要监控这个方法。
		window.webkit.messageHandlers.getPhoneName.postMessage(phone);
	}else{
		// 下面 getPhoneName 这个名字是跟app开发人员共同定义的，因为他们也要监控这个方法。
		// 下面 control 也是需要安卓开发人员定义的。
	 	window.control.getPhoneName(phone);
	}
}

// 根据手机号从通讯录中查询名字 与原生交互的回调方法
// showPhoneName 也是与app开发人员共同定义的，这是完成交互后的回掉，要在app端定义好的。
function showPhoneName (data){
	// data 就是原生app返回的值，我们前端解析后使用就行了。
	console.log(data);
}