Skip to content

小程序宿主环境

目录

小程序的宿主环境是微信客户端。那宿主环境具体提供了哪些呢?

渲染层和逻辑层(通信模型)

首先是了解小程序的运行环境。运行环境分为渲染层和逻辑层。wxml和wxss工作在渲染层,js脚本文件工作在逻辑层。

小程序通信模型 小程序通信模型

渲染层和逻辑层分为webview和JsCore两个线程,渲染层的界面使用webview渲染,js脚本文件使用JsCode运行。小程序有多个页面,所以渲染层有多个webview线程。两个线程通信需要客户端(Native)中转。逻辑层发起的网络请求也需要通过客户端中转。

两个通信:两个线程之间的通信;逻辑层和第三方服务器的通信。都是通过客户端中转。

运行机制

整个程序

打开一个小程序之前,会下载包到本地,读取配置文件知道小程序的首页,通过底层的机制渲染首页。

启动之后,App实例的onLauch函数回调执行

javascript
App({
  onLaunch: function () {
    // 小程序启动之后 触发
  }
}

内部页面

读取当前页面的配置文件,加载一个页面,先是加载wxml和wxss文件,然后js脚本文件,调用 Page() 创建页面实例,小程序框架会把 data 数据和 index.wxml 一起渲染出最终的结构。

组件

提供内置的组件

组件使用

API

内置API,微信支付,获取用户信息、定位等

主要分为:

  • 事件监听API:主要以on开头的API
  • 同步API:以Sync结尾
  • 异步API:大多数API都是异步API,支持回调函数

基于 Obsidian + VitePress 构建