小程序运行机制

小程序如何运行

• 打开小程序前会做什么
• 打开小程序的时候会发生什么
• 启动过程是怎样
• 小程序如何更新

小程序的运行环境

运行环境	逻辑层	渲染层
iOS	JavaScriptCore	WKWeView
Mac	JavaScriptCore	WKWeView
Android	V8	自研XWeb引擎基于Mobile Chrome内核
PC	Chrome内核	Chrome内核
IDE	NW.js	Chrome Webview

小程序的基础库

由JavaScript编写，可以被注入到渲染层和逻辑层运行，总的来说负责处理数据绑定、组件系统、事件系统、通信系统等一系列框架逻辑

• 渲染层：可以用各类组件组建界面的元素
• 逻辑层：可以用各类API来处理各种逻辑

基础库组成

• 提供VD渲染机制相关基础代码（EXparser框架）
• 提供封装后的内置组件
• 提供逻辑层的API
• 提供其他补充能力（自定义组件和插件等）的基础代码

小程序的启动过程

在小程序启动时，微信为小程序展示一个固定启动页面，界面内包含小程序的图标、名称和加载提示图标

代码的加载

在小程序启动前，微信（客户端）会提前准备好一个页面层级（页面预渲染）用于展示小程序的首页，包括逻辑层和渲染层分别的初始化以及公共库的注入

• 页面预渲染：初始化JSCore注入AppService基础库，初始化WebView注入WebView基础库
• 小程序启动：创建基础UI并下载业务代码，渲染层逻辑层注入业务代码后启动

在打开小程序前，微信已经提前准备好一个WebView层，而当这个预备的WebView层被使用之后，一个新的WebView层也会被提前准备好，这样可以提升用户体验
类比web应用，提前把资源下载，准备好请求、数据，跳转页面时直接进行渲染

冷启动和热启动

只有当小程序进入后台一定时间，或者系统资源占用过高，才会被销毁

• 冷启动：用户首次打开、或小程序销毁后再次打开，重新加载启动
• 热启动：已经打开过的小程序，未被销毁，一段时间内再次打开，只是从后台状态进入前台状态

小程序的更新机制

基础库更新

小程序的基础库不会被打包在某个小程序代码中，而是提前内置在微信客户端。一般来说，当微信客户端发布稳定后，小程序会针对新版本的客户端来灰度新版本的基础库。在后台可以配置小程序基础库版本

开发代码更新

• 未启动时更新：
  • 本地有小程序的历史版本：可能打开旧版本
  • 客户端检查本地缓存：有新版本会静默更新
  • 发布后24h内：下发新版本到用户
• 启动时更新：
  • 每次冷启动：检查是否有更新版本
  • 有新版本：异步下载新版本，同时启动本地包
  • 新版本需要等下一次冷启动才会应用上
  • 热启动不会触发更新，如果需要马上更新并应用，可以使用wx.getUpdateManager API进行处理