17.微信小程序（小程序生命周期、运行机制、场景值）

今天药忘吃喽~ 2023-06-17 03:57 23阅读 0赞

# 微信小程序（小程序生命周期、运行机制、场景值） #

# 大纲 #

（1）程序构造/注册器App()  
（2）小程序生命周期  
（3）小程序运行机制  
（4）scene场景值

# 体验版特定页面设置 #

体验人员扫描二维码进入时有时进入的不是首页？？？

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70]

方案：  
登录小程序后台，重新设置体验版打开时的特定页面路径，更换为当前首页即可

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 1]

# 程序构造/注册器App() #

注册器/构造器分类：  
小程序级别：App-----程序构造器/注册器  
页面级别：Page------页面构造器/注册器  
小程序的生命周期：  
![在这里插入图片描述][20191127142540915.png]

App() 参数  
App构造器接受一个Object参数

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 2]

App() 参数：  
基础App构造器案例

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 3]

# 小程序生命周期 #

①onLaunch 生命周期函数–监听小程序初始化  
当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

②onShow 生命周期函数–监听小程序显示  
当小程序启动，或从后台进入前台显示，会触发 onShow

③onHide 生命周期函数–监听小程序隐藏  
当小程序从前台进入后台，会触发 onHide

接下来依次验证下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 4]

#### （1）监听小程序初始化与显示 ####

![在这里插入图片描述][20191127142628264.png]

#### （2）监听小程序切换后台 ####

![在这里插入图片描述][20191127142639583.png]

（3）监听小程序切换前台  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 5]

从以上便可分析出

小程序的生命周期函数的调用顺序为：  
onLaunch>onShow>onHide  
小程序初始化→小程序显示→小程序隐藏

# 小程序运行机制 #

这里需要补充下小程序运行机制  
（1）小程序启动  
小程序启动有两种情况，一种是「冷启动」，一种是「热启动」。  
①热启动：假如用户已经打开过该小程序，然后在一定时间内再次打开，此时无需重新启动，只需将后台小程序切换到前台，该过程就是热启动；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 6]

（1）小程序启动  
②冷启动：用户首次打开或小程序主动销毁后再次打开的情况，此时小程序需要重新加载启动，即冷启动。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 7]

前台/后台状态

前台→后台—onHide  
当用户点击右上角胶囊按钮关闭小程序，或者按了设备 Home 键离开微信时，小程序并没有直接销毁，而是进入了后台状态；  
后台→前台—onShow  
当用户再次进入微信或再次打开小程序，小程序又会从后台进入前台。

小程序销毁

只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。  
①当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）小程序会被微信主动销毁。  
②当小程序占用系统资源过高，可能会被系统销毁或被微信客户端主动回收

# 小程序生命周期 #

（1）onLaunch初始化  
初次进入小程序的时候，微信客户端初始化好宿主环境，同时从网络下载或者从本地缓存中拿到小程序的代码包，把它注入到宿主环境  
初始化完毕后，微信客户端就会给App实例派发onLaunch事件，App构造器参数所定义的onLaunch方法会被调用。

（2）onShow小程序显示  
在初始化完毕之后，会调用onShow钩子函数，监听显示

（3）onHide小程序进入后台状态  
进入小程序之后，用户可以点击右上角的关闭或者按手机设备的Home键离开小程序，此时小程序并没有被直接销毁  
我们把这种情况称为“小程序进入后台状态—后台态”，App构造器参数所定义的onHide方法会被调用。

（4）onShow小程序进入前台状态：后台→前台  
当再次回到微信或者再次打开小程序时，微信客户端会把“后台”的小程序唤醒  
我们把这种情况称为“小程序进入前台状态”，App构造器参数所定义的onShow方法会被调用。

**小结：**  
综上可以看出，App的生命周期是由微信客户端根据用户操作主动触发的。为了避免程序上的混乱，避免从其他代码里调用App实例的生命周期函数。

onLaunch, onShow 方法会返回一个参数对象， 里面包含了多个参数 ， 常用到的有path,query和scene

参数：  
①path是打开小程序的页面路径  
②query是打开小程序页面url的参数，后续介绍  
③scene是打开小程序的场景值

# scene场景值 #

scene场景值作用：  
场景值用来描述用户进入小程序的路径

缘由：  
由于系统限制，目前还无法获取到按 Home 键退出到桌面，然后从桌面再次进小程序的场景值，对于这种情况，会保留上一次的场景值。

# 如有问题或者疑问请留言联系小编！！！！ #

# 感谢来访！！！！ #

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191127142517752.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191127142530258.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[20191127142540915.png]: https://img-blog.csdnimg.cn/20191127142540915.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191127142553315.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191127142600914.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191127142617428.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[20191127142628264.png]: https://img-blog.csdnimg.cn/20191127142628264.png
[20191127142639583.png]: https://img-blog.csdnimg.cn/20191127142639583.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191127142648437.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191127142740850.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191127142750457.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTU4Mjg0Ng==,size_16,color_FFFFFF,t_70