需要在对方的app中嵌入h5页面。这套业务流程大体总结如下
首先约定好,app首次跳转过来是的方式,比如url外加一个token,然后h5页面拿到这个token再去通过接口校验身份的合法性。这中间呢,还可以加上相互协商好的加解密方式、以及token验证一次就失效等,进一步确保安全性。打通两者的用户态等
接着就是相互调用了,借助WebViewJavascriptBridge,注册到window对象上,从而达到相互调用的效果。h5这边涉及到的大体如下
<script language="javascript">
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
// alert('是否是Android:'+isAndroid);
// alert('是否是iOS:'+isiOS);
function setupWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) {
callback(WebViewJavascriptBridge)
} else {
document.addEventListener(
'WebViewJavascriptBridgeReady'