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

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

宿主环境简介


什么是宿主环境❓

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

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

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

小程序的宿主环境❓


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

image.png

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

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

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

通信模型


1、通信的主体


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

如👇

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

② JS 脚本工作在逻辑层

2、 小程序的通信模型


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

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

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

运行机制


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


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

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

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

④ 渲染小程序首页

⑤ 小程序启动完成


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


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

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

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

④ 页面渲染完成

最后


image.png

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

image.png

相关文章
|
12月前
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
12月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
1045 8
|
12月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
949 1
|
12月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
702 3
|
12月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26692 0
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
2762 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程,包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
691 0
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。