小程序的宿主环境 - 宿主环境简介
1. 什么是宿主环境
宿主环境(host environment)指的是程序运行所必须的依赖环境。例如:
Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!

2. 小程序的宿主环境
手机微信是小程序的宿主环境,如图所示:

小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:
微信扫码、微信支付、微信登录、地理定位、etc…
3. 小程序宿主环境包含的内容
- 通信模型
- 运行机制
- 组件
- API
小程序的宿主环境 - 通信模型
1. 通信的主体
小程序中通信的主体是渲染层和逻辑层,其中:
- WXML 模板和 WXSS 样式工作在渲染层
- JS 脚本工作在逻辑层

2. 小程序的通信模型
小程序中的通信模型分为两部分:
-
渲染层和逻辑层之间的通信
由微信客户端进行转发
-
逻辑层和第三方服务器之间的通信
由微信客户端进行转发

小程序的宿主环境 - 运行机制
1. 小程序启动的过程
- 把小程序的代码包下载到本地
- 解析 app.json 全局配置文件
- 执行 app.js 小程序入口文件,调用 App() 创建小程序实例
- 渲染小程序首页
- 小程序启动完成
6. 页面渲染的过程
- 加载解析页面的 .json 配置文件
- 加载页面的 .wxml 模板和 .wxss 样式
- 执行页面的 .js 文件,调用 Page() 创建页面实例
- 页面渲染完成








![[Vue3]从入门到精通-持续更新中](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=file%3A%2F%2F%2FC%3A%2FUsers%2FAdministrator%2FAppData%2FRoaming%2FTypora%2Ftypora-user-images%2Fimage-20240618234117938.png%3FlastModify%3D1718726523&pos_id=5CDF81Vq)










