微信小程序的【运行机制】解读

文章目录

  • 导语
  • 1.微信小程序的运行流程
    • 1.1 微信小程序的启动模式
    • 1.2 前台与后台的概念
    • 1.3 挂起
    • 1.4 微信小程序的销毁
  • 2.微信小程序冷启动的页面
    • 2.1从新启动策略
  • 3.微信小程序热启动页面
  • 4. 退出状态
  • 注意点补充
  • 总结

微信小程序的【运行机制】解读

导语

前面我们有章节给大家讲到了，微信小程序的生命周期钩子函数，那么大家知道，这些不同的生命周期函数，是在什么样的操作运行模式下触发的吗？本章节就给大家整理了有关于 微信小程序 的操作运行机制，以便于对后面微信小程序的开发理解。

1.微信小程序的运行流程

微信小程序从启动到最终被销毁，会经历很多不同的状态，小程序在不同状态下会有不同的表现形式。

运行流程图例：
微信小程序的【运行机制】解读

1.1 微信小程序的启动模式

从广泛意义上来说，微信小程序的启动模式可以被分为两种状态，一种是 冷启动 ，另一种为 热启动，那么对于这两种启动模式的区别又是什么呢?

从系统的运行的模式上，可以被区分为以下两种模式：

从小程序的生命周期函数触发的角度来看，我们一般所说的 启动，专指为冷启动，热启动 一般被称为 后台切换为前台。

1.2 前台与后台的概念

小程序启动后，界面被展示出来给用户呈现后，此时小程序处于「前台」状态。

当用户「关闭」小程序时，小程序其实并没有真正被关闭，而是进入了「后台」状态，此时小程序还可以短暂运行一小段时间，但部分 API 的使用会受到限制。切入后台的方式包括但不限于以下几种：

以上几种的操作触发时，一定时间内，小程序均未完全被退出。当用户再次进入微信并打开小程序，小程序又会重新进入「前台」状态。

1.3 挂起

小程序进入「后台」状态一段时间后（目前是 5 秒），微信会停止对小程序 JS 线程的执行，小程序则会进入「挂起」状态。而此时小程序的内存状态依然会被保留，但开发者代码的执行会停止，事件和接口回调会在小程序再次进入「前台」时触发。

1.4 微信小程序的销毁

当用户长时间未使用小程序时，或者系统资源紧张，小程序会被 完全「销毁」，即完全终止运行。具体而言包括以下几种情形：

2.微信小程序冷启动的页面

当微信小程序执行冷启动时，打开的页面有以下情况：

（A 类场景）若启动的场景中不带 指定页面路径:

基础库 2.8.0 以下版本，在冷启动时默认直接进入首页。

基础库 2.8.0 及以上版本遵循「重新启动策略」，可能是首页或上次退出的页面。

（B 类场景）若启动的场景中带有 指定页面路径，则启动会进入对应 指定页面路径的页面。

2.1从新启动策略

当小程序冷启动时，如果启动时不带 path（A 类场景），默认情况下将会进入小程序的首页。 在页面对应的 json 文件中（也可以全局配置在 app.json 的 window 段中），指定 restartStrategy 配置项可以改变这个默认的行为，使得从某个页面退出后，下次 A 类场景的冷启动可以回到这个页面。

微信小程序的【运行机制】解读
例：

{
  "restartStrategy": "homePage"
}

注意：
即使不配置为 homePage ，微信小程序如果退出过久（当前默认一天时间，可以使用退出状态来调整），下次冷启动时也将不再遵循 restartStrategy 的配置，而是直接从首页冷启动。

当完全退出时，页面中的状态并不会被保留，如输入框中的文本内容、 checkbox 的勾选状态等都不会还原。如果需要还原或部分还原，需要利用退出状态。

3.微信小程序热启动页面

当微信小程序执行 热启动时，打开的页面也有以下情况：

A 类场景有以下一些能被触发的场景：
微信小程序的【运行机制】解读

4. 退出状态

每当微信小程序可能被销毁之前，页面回调函数 onSaveExitState 会被触发。如果想保留页面中的状态，可以在这个回调函数中“保存”一些数据，下次启动时可以从新获得这些已保存数据。

{
  "restartStrategy": "homePageAndLatestPage"
}

Page({
  onLoad() {
    var prevExitState = this.exitState // 尝试获得上一次退出前 onSaveExitState 保存的数据
    if (prevExitState !== undefined) { // 如果是根据 restartStrategy 配置进行的冷启动，就可以获取到
      prevExitState.myDataField === '上一次保存的数据' 
    }
  },
  onSaveExitState() {
    let exitState = { myDataField: '上一次保存的数据' } // 需要保存的数据
    return {
      data: exitState,
      expireTimeStamp: Date.now() + 24 * 60 * 60 * 1000 // 超时时刻
    }
  }
})

onSaveExitState 返回值可以包含两项：
微信小程序的【运行机制】解读

注意点补充

总结

上述内容，是我结合官方文档梳理的内容，讲述了整个微信小程序的运行流程模式，以及在不同的业务操作下，将执行不同的运行机制。

🚵‍♂️ 博主座右铭：向阳而生，我还在路上！
——————————————————————————————
🚴博主想说：将持续性为社区输出自己的资源，同时也见证自己的进步！
——————————————————————————————
🤼‍♂️ 如果都看到这了，博主希望留下你的足迹！【📂收藏！👍点赞！✍️评论！】
——————————————————————————————

标签 , ,

发表回复