微信小程序：如何利用navigateBack退出小程序

在Android开发时，我们可以使用finish()或者结束进程等手段达到退出app的效果，但是，微信小程序则没有提供退出小程序的api，必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮…

那么，有什么办法来实现退出小程序的功能呢？
虽然微信没有提供退出小程序的api，但是有一个api是wx.navigateBack()，这个可以返回前一个页面或者前n个页面（指定参数delta）
那么，我们开始第一次尝试，当前处于首页时，返回前一个页面，理论上会退出app，我们在首页增加按钮点击事件，并在wxml中进行按钮绑定：

  btnClick: function () {
    wx.navigateBack({
      delta: 1
    })
  },

上一猜想理论上是可行的，然而，实际操作时，却无法达到效果，当处于首页时navigateBack无法继续后退，故达不到退出小程序的目的。

上图可以看到，在首页每次点击触发navigateBack，起到的作用只是回调onShow()

那究竟如何才能退出小程序呢？
#####一、首页index.js如何返回
在一次偶然的尝试中，我找到了一种方法。同样是利用navigateBack，但是做了一些修改，在首页中修改btnClick()

  btnClick: function () {
    wx.navigateTo({
      url: '..index?finish=true'
    })
  },

然后在onLoad()回调中

  onLoad: function (options) {
    if(options.finish) {
      wx.navigateBack({
        delta: 1
      })
    }
  },

注意事项：

上一方法，仅支持在首页中使用，进入二级页面后无法使用。

短时间内重新进入，会发现已经存在两个页面，这是因为使用了navigateTo跳转的缘故。（这个问题以后再看看如何解决，有好的解决方案的朋友也可以提出，多谢了！）
#####二、子页面如何返回
处于首页时，可以退出了，那么子页面呢？
这里可以分两步走：先使用wx.reLaunch({url: ‘index’,})返回首页，然后再在首页退出小程序。
这里肯定有很多小伙伴会想到使用reLaunch直接退出小程序（如下代码）

    wx.reLaunch({
      url: '../logs/logs?finish=true',
    })

但是，实际测试时发现达不到预想的效果。
原文：简书ThinkinLiu 博客: IT老五

ps: 以上方法在真机上亲测可行，不过这个算是利用了小程序的漏洞，小程序api是不支持退出功能的，这样间接实现的退出功能，不清楚是否后续版本会修复该问题
如果你们有什么更好的方式，欢迎提出！

微信小程序：如何利用navigateBack退出小程序

猜你喜欢