angular 移动端项目跟原生安卓和iOS交互，互调方法

前端H5调用安卓和iOS的方法

在这里插入代码片 showRecoeding(item: any) { this.activeId = item; let u = navigator.userAgent let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //判断是安卓手机 let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //判断是iOS if (isAndroid) { //如果是安卓就调用安卓方法并传参数 window["plan"].getAuth(item); } if (isIOS) { //如果是iOS就调用iOS方法并传参数 window["webkit"].messageHandlers.getAuth.postMessage({ moduleId: item }); } }

移动端安卓和iOS调用h5方法

1.先在项目src目录下定义全局方法 clobal.d.ts

declare var playOver: any; declare var getAudioUrl: any; declare var authType: any; declare var isDeleted: any; interface Window { playOver: any; } interface Window { getAudioUrl: any; } interface Window { authType: any; } interface Window { isDeleted: any; }

2.在ts里写全局方法

ngOnInit() { this.planId = this.activatedRoute.snapshot.queryParamMap.get("belongId")snapshot.queryParamMap.get("pattern"); this.rebuild = this.activatedRoute.snapshot.queryParamMap.get("rebuild"); this.openId = this.cookiesUtilService.getOpenId(); this.audio = document.querySelector('audio'); this.stop = document.getElementById('stop'); this.htmlDetail(); let that = this; //全局方法palyOver 安卓和iOS都调用这个方法 全局方法里我在调用了移动端方法，这样就实现互调 window['playOver'] = function () { alert(that.recordTime); that.playing = false; if (window["plan"]) { window["plan"].playIsOver(); } if (window["webkit"]) { window["webkit"].messageHandlers.playIsOver.postMessage({ item: '' }); } }; //全局方法getAudioItems window['getAudioItems'] = function (item: any) { alert("获取app传来的语音信息"); console.log(item); that.audioItems = item; }; //全局方法authType window['authType'] = function (item: any) { alert("获取权限状态，1授权，0没授权"); that.typeOfAuth = item; console.log(item); if (that.typeOfAuth == 1) { that.setRecordingTime(that.activeId); } }; }