目录

• 宿主环境简介
• 通信模型

• •   1、通信的主体
  •   2、 小程序的通信模型

• 运行机制
• 最后

宿主环境简介

什么是宿主环境❓

宿主环境（host environment）指的是程序运行所必须的依赖环境。如 👇

Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，

Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！

小程序的宿主环境❓

微信是小程序的宿主环境，如图 👇

小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。

如 👉 微信扫码、微信支付、微信登录、地理定位、etc…

• 小程序宿主环境包含的内容
  ① 通信模型
  ② 运行机制
  ③ 组件
  ④ API
  

通信模型

 1、通信的主体

小程序中通信的主体是渲染层和逻辑层

如👇

① WXML 模板和 WXSS 样式工作在渲染层

② JS 脚本工作在逻辑层

  2、 小程序的通信模型

小程序中的通信模型分为两部分 👇；

① 渲染层和逻辑层之间的通信（由微信客户端进行转发）

② 逻辑层和第三方服务器之间的通信（由微信客户端进行转发)

运行机制

小程序启动的过程 启动过程五步走如👇：

① 把小程序的代码包下载到本地

② 解析 app.json 全局配置文件

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

④ 渲染小程序首页

⑤ 小程序启动完成

页面渲染过程四步走如👇：

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

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

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

④ 页面渲染完成

最后

下篇文章再见ヾ(￣▽￣)Bye_Bye