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

请添加图片描述

@作者 : 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() 创建页面实例
    ④ 页面渲染完成

最后

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

 

                 相关专栏连接🔗

在这里插入图片描述

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

在这里插入图片描述

  • 18
    点赞
  • 13
    收藏
  • 打赏
    打赏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:Age of Ai 设计师:meimeiellie 返回首页
评论 14

打赏作者

SYFStrive

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值