首页 > 建站教程 > 前端框架 >  uni-app APP端从打开的H5页面中返回app正文

uni-app APP端从打开的H5页面中返回app

我爱模板网在使用uni-app做一个app时,遇到了需要从打开的H5页面中返回app。具体流程如下:APP端调用接口->跳转到第一个H5页面(此页面是第三方,再此页面执行完后,会跳转到一个网络地址,这个网络地址对应的就是第二个页面,也是我们自己的一个页面)->从第一个H5页面跳转到第二个H5页面,这个H5是自定义的页面,有个返回按钮->点击这个返回app。

第二个页面的代码大体如下:
<button type="button" class="btn btn-primary">点击返回</button>
<script>
document.querySelector('.btn').onclick = function(){
    history.go(-2)
}
</script>
然后发现这个返回按钮点击并没有效果。因为app中根本没有window对象,更没有history对象。

还好,uni-app提供了相关的方法,按照下面的方法就能解决:
1、在head引入下面的js:
<script type="text/javascript" src="http://www.5imoban.net/uploads/allimg/210916/154939CJ-0.jpg"></script>
2、修改上面的返回按钮的js为下面的代码即可:
<script>
document.addEventListener('UniAppJSBridgeReady', function() {
    document.querySelector('.btn').addEventListener('click', function(evt) {
        uni.navigateBack()  //sdk中默认如果没有参数,则delta为1
    });
});
</script>