微信小程序开发实战 ③（宿主环境与通信模型）

@作者 : SYFStrive

 

@博客首页 : HomePage

📜： 微信小程序

📌：个人社区（欢迎大佬们加入） 👉：社区链接🔗

📌：觉得文章不错可以点点关注 👉：微信小程序专栏🔗

💃：感谢支持,学累了可以先看小段由小胖给大家带来的街舞😀

👉 微信小程序（🔥）

宿主环境简介

• 什么是宿主环境❓

1. 宿主环境（host environment）指的是程序运行所必须的依赖环境。如 👇
2. Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，
3. Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！

• 小程序的宿主环境❓

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

小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。
如 👉 微信扫码、微信支付、微信登录、地理定位、etc…

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

  ① 通信模型
  ② 运行机制
  ③ 组件
  ④ API

通信模型

  1、通信的主体

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

如👇

① WXML 模板和 WXSS 样式工作在渲染层
② JS 脚本工作在逻辑层

  2、 小程序的通信模型

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

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

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

运行机制

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

  ① 把小程序的代码包下载到本地
  ② 解析 app.json 全局配置文件
  ③ 执行 app.js 小程序入口文件，调用 App() 创建小程序实例
  ④ 渲染小程序首页
  ⑤ 小程序启动完成

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

  ① 加载解析页面的 .json 配置文件
  ② 加载页面的 .wxml 模板和 .wxss 样式
  ③ 执行页面的 .js 文件，调用 Page() 创建页面实例
  ④ 页面渲染完成

最后

本文到这里就结束了,大佬们的支持是我持续更新的最大动力，希望这篇文章能帮到大家💪

 

                 相关专栏连接🔗

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