ruoyi-miniapp/App.vue

<script>
import config from './config.js'
import { getAccessToken, setOpenId, getOpenId } from '@/utils/auth'
export default {
  data() {
    return {}
  },
  async onLaunch(options) {
    await this.initApp()
  },
  onShow() {
    // this.autoUpdate()
  },
  methods: {
    // 初始化应用
    initApp() {
      uni.hideTabBar()
      // 初始化应用配置
      this.initConfig()
    },
    initConfig() {
      this.globalData.config = config
      uni.getSystemInfoAsync({
        success: res => {
          uni.setStorageSync('MOBILE', res.model)
          uni.setStorageSync('SYSTEM', res.system)
          uni.setStorageSync('PIXELRATIO', res.pixelRatio)
        },
        fail: err => {
          console.error('获取设备信息失败：', err)
        }
      })
    },
    autoUpdate() {
      // 获取小程序更新机制兼容
      if (uni.canIUse('getUpdateManager')) {
        // 获取更新管理器
        const updateManager = uni.getUpdateManager()
        //1. 检查小程序是否有新版本发布，向小程序后台请求完新版本信息
        updateManager.onCheckForUpdate(res => {
          // 请求完新版本信息的回调
          if (res.hasUpdate) {
            //检测到新版本，需要更新，给出提示
            uni.showModal({
              title: '更新提示',
              content: '检测到新版本，是否下载新版本并重启小程序？',
              success: res => {
                if (res.confirm) {
                  //2. 用户确定下载更新小程序，小程序下载及更新静默进行
                  this.downLoadAndUpdate(updateManager)
                } else if (res.cancel) {
                  //用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
                  uni.showModal({
                    title: '温馨提示',
                    content:
                      '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦',
                    showCancel: false, //隐藏取消按钮
                    confirmText: '确定更新', //只保留确定更新按钮
                    success: res => {
                      if (res.confirm) {
                        //下载新版本，并重新应用
                        this.downLoadAndUpdate(updateManager)
                      }
                    }
                  })
                }
              }
            })
          }
        })
      } else {
        // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
        uni.showModal({
          title: '提示',
          content:
            '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
        })
      }
    },
    /**
     * 下载小程序新版本并重启应用
     */
    downLoadAndUpdate(updateManager) {
      uni.showLoading()
      //静默下载更新小程序新版本，更新完成后回调
      updateManager.onUpdateReady(() => {
        uni.hideLoading()
        //新的版本已经下载好，调用 applyUpdate 应用新版本并重启
        updateManager.applyUpdate()
      })

      // 更新失败回调
      updateManager.onUpdateFailed(() => {
        // 新的版本下载失败
        uni.showModal({
          title: '已经有新版本了哟~',
          content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~'
        })
      })
    }
  }
}
</script>

<style lang="scss">
@import '@/uni_modules/windi-css-uniapp/index.scss';
@import '@/static/scss/index.scss';
</style>