博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
混合开发之-vue和JsBridge跳转返回
阅读量:7038 次
发布时间:2019-06-28

本文共 1769 字,大约阅读时间需要 5 分钟。

这两天领导一直想说要做个混合开发,然后让我用vue和原生app联调,vue中几乎没什么难点,主要的是和原生app嵌套的跳转返回(目前就先遇到这个问题,我相信还有很多难题。。。),看了一天的文档也调试过都没成功,今天此刻终于成功了,很开心的分享下~

问题:原生app点击按钮可以跳到vue项目,但是返回不回去。。。复制代码

方法:

vue端:

//在methods中加入这两个方法,其中closeWebview是和ios和android约定好的方法名  methods:{        backPage(e){//按钮的点击事件,实现关闭vue项目返回到原生页面中            this.setupWebViewJavascriptBridge(function(bridge) {                bridge.registerHandler("closeWebview",function(data,responseCallback){                    responseCallback("button js callback");                });                var data = "hello";                //下面这个是安卓调用的时候必须加,ios调用的时候没有也可以跳转和返回                bridge.callHandler('closeWebview',data,function(resp){                    //document.getElementById("show").innerHTML = "payInterface" + resp;                });            })        },        setupWebViewJavascriptBridge(callback) {            if (window.WebViewJavascriptBridge) {                callback(WebViewJavascriptBridge)            } else {                document.addEventListener('WebViewJavascriptBridgeReady', function() {                    callback(WebViewJavascriptBridge)                },false);            }            //iOS使用            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)        }    }复制代码

具体可以参考:https://www.jianshu.com/p/e37ccf32cb5b

转载地址:http://shnal.baihongyu.com/

你可能感兴趣的文章
Android启动速度优化-总会遇到的不痛不痒的坎~
查看>>
android 应用层如何连接rild
查看>>
Netty4.0学习笔记系列之一:Server与Client的通讯
查看>>
linux下安装RZ/SZ工具包
查看>>
Python 网络编程socket_server单线程响应请求
查看>>
ogre的材质与unity的材质的相似性
查看>>
当我们老了的时候 或许签名和状态会这样写
查看>>
maven 生命周期
查看>>
AngularJS API之equal比较对象
查看>>
I'm Coming
查看>>
apicloud开发混合app实战二手车项目
查看>>
c语言指针运算符和取地址运算符的简单运用
查看>>
popuWindow 要求onClick和onTouch 事件 不起作用
查看>>
mvn 常用命令
查看>>
常用windows命令行
查看>>
android在线API地址
查看>>
Android APK反编译详解
查看>>
Codeforces goodbye 2014 a
查看>>
Actor, Reactor与Proactor模型
查看>>
Verson Magic problem
查看>>