微信小程序开发实战(宿主环境与通信模型)

@作者 : SYFStrive

 

@博客首页 : HomePage

微信小程序

个人社区(欢迎大佬们加入)社区链接

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

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

请添加图片描述

相关专栏

微信小程序()

目录

  • 宿主环境简介
  • 通信模型
    •   1、通信的主体
    •   2、 小程序的通信模型
  • 运行机制
  • 最后

宿主环境简介

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

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

微信小程序开发实战(宿主环境与通信模型)_第1张图片

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

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

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

通信模型

  1、通信的主体

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

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

  2、 小程序的通信模型

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

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

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

运行机制

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

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

  • 页面渲染过程四步走如:

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

最后

在这里插入图片描述
本文到这里就结束了,大佬们的支持是我持续更新的最大动力,希望这篇文章能帮到大家

 

                 相关专栏连接

在这里插入图片描述

下篇文章再见ヾ( ̄▽ ̄)ByeBye

在这里插入图片描述

你可能感兴趣的:(小程序开发,微信小程序,小程序,微信)