深入了解Hybrid App技术的相关知识

// Android: shouldoverrideurlloading 
public boolean shouldOverrideUrlLoading(WebView view, String url){
  //读取到url后自行进行分析处理
  
  //如果返回false，则WebView处理链接url，如果返回true，代表WebView根据程序来执行url
  return true;
}

// IOS: shouldStartLoadWithRequest 
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
  NSURL *url = [request URL];
   
  NSString *requestString = [[request URL] absoluteString];
  //获取url scheme后自行进行处理

function iosInvoke(scheme) {
  var elem = document.createElement('iframe');
  var body = document.body || document.getElementsByTagName('body')[0];
  elem.style.display = 'none';
  elem.src = scheme;
  body.appendChild(elem);
  setTimeout(function () {
    body.removeChild(elem);
    elem = null;
  }, 0);
}

function androidInvoke(scheme) {
  var androidJsBridge = window.Bdbox_android_jsbridge;
  if (androidJsBridge && androidJsBridge.dispatch) {
    androidJsBridge.dispatch(scheme);
  } else {
    var re = window.prompt('BdboxApp:' + JSON.stringify({
      obj: 'Bdbox_android_jsbridge',
      func: 'dispatch',
      args: [scheme]
    }));
    return re;
  }
}

xxxapp://communication"color: #ff0000">如何进行双向通信


双向通信主要是H5和Native的双向通信过程以及参数传递、回调执行。
H5通知Native：


H5通知Native的方式主要有：

  
调用prompt/console/alert，调用时进行参数传递，端进行拦截重写
  
URL Scheme跳转拦截，将参数放在请求URL上
  
API挂载，通过Navtive获取js执行环境，将相应的api挂载在js上，供h5调用

Native通知H5：


回调机制，在向Native传递信息时，将回调函数也传递，Native在调用完成后，使用js执行环境执行回调函数


接入方式


jsbridge的接入，端方面的jsbridge和h5方面的jsbridge


嵌入方式


h5的嵌入方式:

  
直接代码，直接将H5代码css、html、js放入端目录下，以file协议的方式访问，优点是访问快速，缺点是迭代不方便。

  
  
线上地址，以http协议访问，使用webview打开url形式，相较于代码嵌入的方式来说，速度比较慢，依赖网络传输速度；优点是迭代快速

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。