小程序的宿主环境

802 阅读2分钟

我正在参与掘金创作者训练营第6期,点击了解活动详情

小程序的宿主环境

什么是宿主环境?

宿主环境指的是程序运行所必须的依赖环境。例如安卓版的微信的宿主环境就是Android系统,安卓版的微信APP是不能在IOS系统下运行的。所以说Android是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的。

小程序的宿主环境

刚才讲到安卓APP软件安装在Android系统中,那么小程序又存在于微信APP中。所以说手机微信就是小程序的宿主环境。小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如: 微信扫码、微信支付、微信登录、地理定位、etc...

小程序宿主环境包含的内容

  • 通信模型

小程序的运行环境分为渲染层和逻辑层。顾名思义,WXML和WXSS在渲染层工作,JS脚本在逻辑层工作。

img

  • 运行机制

(1)小程序启动的过程

1.微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地。

2.解析app.json全局配置文件,通过 app.jsonpages 字段就可以知道你当前小程序的所有页面路径。

3.执行app.js小程序入口文件,调用App()创建小程序实例。

4.渲染小程序首页。

5.小程序启动的完成。

6.这一步是小程序启动之后,在 app.js 定义的 App 实例的 onLaunch 回调会被执行:

App({
  onLaunch: function () {
    // 小程序启动之后 触发
  }
})

(2) 页面渲染的过程

1.加载解析页面的.json配置文件

2.加载页面的.wxml模板和.wxss样式

3.执行页面的.js文件,调用Page()创建页面实例

4.页面渲染完成。