hbuilder+打包angular应用，系统返回键直接退出了应用

Question

hbuilder+打包的angular应用，按系统返回键会直接退出应用，
请问这个问题该如何解决呢

Answer 1

这个是很正常的现象，因为HBuilder开发的是混合应用，说白了还是html页面，像浏览器打开的页面一样，不处理的话，按返回键就退出了。
虽然我这边没有尝试过，但还是找了下以下的方案，总之就是要需要您注册back按键监听系统返回，实现按键后的逻辑。官方文档.

• 新建utils/back.js

/**
 * 解决hbuilder打包app之后点击手机返回键直接退出app的
 */
document.addEventListener('plusready', function () {
  var webview = plus.webview.currentWebview()
  plus.key.addEventListener('backbutton', function () {
    webview.canBack(function (e) {
      if (e.canBack) {
        webview.back()
      } else {
        // webview.close() //hide,quit
        // plus.runtime.quit()
        // 首页返回键处理
        // 处理逻辑：1秒内，连续两次按返回键，则退出应用；
        var first = null
        plus.key.addEventListener(
          'backbutton',
          function () {
            // 首次按键，提示‘再按一次退出应用’
            if (!first) {
              first = new Date().getTime()
              console.log('再按一次退出应用') // 此处可以用自定义提示
              setTimeout(function () {
                first = null
              }, 1000)
            } else {
              if (new Date().getTime() - first < 1500) {
                plus.runtime.quit()
              }
            }
          },
          false
        )
      }
    })
  })
})

• 在main.js中引用上面的文件

import  './utils/back.js'

希望能帮到您。