H5和原生APP做交互

WebViewJavascriptBridge是H5与app交互的一个第三方插件

1、在当前h5页面引入以下代码

function setupWebViewJavascriptBridge(callback) {
        if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
        if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
        window.WVJBCallbacks = [callback];
        var WVJBIframe = document.createElement('iframe');
        WVJBIframe.style.display = 'none';
        WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
        document.documentElement.appendChild(WVJBIframe);
        setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
}

2、js调用原生APP

setupWebViewJavascriptBridge(function(bridge) {         
         //js调用oc的方法  clickHeadImage(方法名与APP端保持一致)  大括号内是传递参数的方式

          //xxxxx是与APP相约定的方法名，“”是参数，有则填，没有可以不写