h5中嵌入android页面,android&ios内嵌H5页面使用jsbridge实例

1、使用vue.js框架搭建前段项目页面 在main.js中初始化 WebViewJavascriptBridge 对象，

WebViewJavascriptBridge 是app端定义的，在前端页面中获取 获取过程需要等待 ， 所以vue实例的创建要在

WebViewJavascriptBridge 获取成功之后，因为我的vue入口页面用到了jsbridge方法调用app端的数据获取header信息，

然后把header信息放到我需要请求后台数据接口里(接口有权限 需要登录 h5页面没有登录入口 只有从app端获取header信息进行身份验证)

下面是在main.js中初始化 WebViewJavascriptBridge 对象 的代码：

// android

function connectWebViewJavascriptBridge(callback) {

if (window.WebViewJavascriptBridge) {

callback(WebViewJavascriptBridge)

} else {

document.addEventListener(

'WebViewJavascriptBridgeReady'

, function() {

callback(WebViewJavascriptBridge)

},

false

);

}

}

connectWebViewJavascriptBridge(function(bridge) {

initVueApp();

bridge.init(function(message,