欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

uni-app之- 后台唤醒app时,跳转对应锁屏页面

程序员文章站 2022-06-21 22:01:59
uni-app分为应用生命周期和页面生命周期实现换台唤醒app进行对应操作时,我们需要用到应用声明周的:onLaunch,初始启动app,缓存标记应用声明周的:onShow,判断标记,是否进入对应页面应用声明周的:onHide,前台进入后台周期,清除缓存标记本地缓存:uni.setStorage,uni.getStorage应用生命周期(官网原话)onLaunch:当uni-app 初始化完成时触发(全局只触发一次)onShow:当 uni-app 启动,或从后台进入前台显示onHi...

uni-app分为应用生命周期页面生命周期
实现换台唤醒app进行对应操作时,我们需要用到

  1. 应用声明周的:onLaunch,初始启动app,缓存标记
  2. 应用声明周的:onShow,判断标记,是否进入对应页面
  3. 应用声明周的:onHide,前台进入后台周期,清除缓存标记
  4. 本地缓存:uni.setStorage,uni.getStorage

应用生命周期(官网原话)

  1. onLaunch:当uni-app 初始化完成时触发(全局只触发一次)
  2. onShow:当 uni-app 启动,或从后台进入前台显示
  3. onHide:当 uni-app 从前台进入后台
  4. onUniNViewMessage:对 nvue 页面发送的数据进行监听

应用生命周期仅可在App.vue中监听,在其它页面监听无效。

下面代码(下面均为应用周期,写在app.vue中)

第一步:在onLaunch初始进入,存入本地缓存,标识为0,代表初始打开app,下面—_data.localData为自己封装的本地缓存,大家可自行封装
uni-app之- 后台唤醒app时,跳转对应锁屏页面
第二步:app页面显示后,进入该周期,从本地缓存判断当前是初始打开app还是后台唤起,如是唤起,进行对应逻辑。

注:走完逻辑后要把标识更改为初始进入app标识,否则退出app,重新启动,还是走后台唤起逻辑,会造成每次打开程序,都会跳出解锁页面
uni-app之- 后台唤醒app时,跳转对应锁屏页面
第三步:app从前台进入后台周期,设置对应标识为1,表示当前是后台运行。当唤起后,又会从onShow周期走对方事件
uni-app之- 后台唤醒app时,跳转对应锁屏页面
第四步:在跳转后的 ‘解锁页面’,在其onHide页面周期内,设置路由,关闭当前页面。不设置,会导致,多次进入后台,再唤起后,会出现多次当前 '解锁页面’
uni-app之- 后台唤醒app时,跳转对应锁屏页面

本文地址:https://blog.csdn.net/qq_41797950/article/details/107388011