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>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！