H5とAndroid、iOS搭載の相互作用

1.アンドリュースの相互作用

     H5メソッド呼び出しアンドリュース

       window.webview.xxx（）

     アンドリュースはH5メソッドを呼び出し、メソッドはグローバルに登録する必要があります

    

ウィンドウ[ 'showUnreadMsg'] =（）=> { 
	この$ nextTick（（）=> {。
		this.showUnreadMsg（）; 
	}）
}

　　

 2. IOSの相互作用

    

関数setupWebViewJavascriptBridge（コールバック）{
   場合（window.WebViewJavascriptBridge）{
     リターンコールバック（window.WebViewJavascriptBridge）
  } 
  場合（window.WVJBCallbacks）{
     戻りwindow.WVJBCallbacks.push（コールバック）
  } 
  window.WVJBCallbacks = [コールバック] 
  WVJBIframeはせ =ドキュメント。 createElement（' IFRAME ' ）
  WVJBIframe.style.display = ' なし' 
  WVJBIframe.src = ' https：//で__ bridge_loaded__ ' 
  document.documentElement.appendChild（WVJBIframe） 
  のsetTimeout（（） => { 
    document.documentElement.removeChild（WVJBIframe）
  }、0 ）
}

  H5メソッド呼び出しIOS

   

setupWebViewJavascriptBridge（関数（ブリッジ）{ 
    bridge.callHandler（ 'getPhoneNumber'、（データ）=> { 
        that.loginApp（データ）	 
    }）
}）        

IOSはH5メソッドを呼び出して、我々はまた、グローバルレジスタを必要とします

setupWebViewJavascriptBridge（関数（ブリッジ）{ 
　　bridge.registerHandler（ 'showUnreadMsg'、（データ、responseCallback）=> { 
	IF（responseCallback）{ 
		that.showUnreadMsg（）; 
	} 
  }）
}）