微信小程序-小程序的宿主环境

fill full

已于 2022-08-05 21:41:19 修改

阅读量979

点赞数 1

分类专栏：微信小程序文章标签： android

于 2022-08-05 21:37:18 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53154393/article/details/126185258

版权

本文介绍了微信小程序的宿主环境，指出微信是小程序的运行基础，无论在Android还是iOS。内容涵盖宿主环境的通信模型、小程序启动过程、组件分类及API的详细说明，帮助读者理解小程序如何借助微信实现各种功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、什么是宿主环境

宿主环境（host environment）指的是程序运行所必须的依赖环境。例如：安卓版的微信 App 是不能在 iOS 环境下运行的，只能在Android环境下运行，所以，Android 是安卓软件的宿主环境，脱离了Android，安卓版的微信App的运行将毫无意义

二、小程序的宿主环境

小程序的宿主环境是微信，微信小程序借助宿主环境微信提供的能力，可以完成微信支付、微信扫码、微信登录、地理定位等普通网页无法完成的功能。无论手机的系统是Andriod还是iOS，微信小程序的宿主环境都是微信（安卓版微信和iOS 版微信）。

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

小程序宿主环境的内容包括通信模型、运行机制、组件和API四个方面。

1、通信的主体和通信模型

小程序中通信的主题是渲染层和逻辑层，其中：

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fill full

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序2——小程序的宿主环境

Phoenix1st的博客

02-05

592

简要介绍小程序宿主环境

微信小程序--4（宿主环境）

qq_57464528的博客

07-18

723

类似于jQuery中的$.ajax(options)函数，需要通过success、fail、complete接收调用的结果。例如：安卓系统下的安卓软件如果运行到苹果系统上去，这肯定是会报错的，所以安卓软件的宿主环境就是安卓系统。image组件中可以通过mode属性来裁剪和缩放模式，常用的mode的属性值。通过text组件的selectable属性，实现长按选中文本内容的效果。（1）通信主体：逻辑层（JS脚本）、渲染层（WXSS、WXML）保持纵横比，使图片的长边完全显示，完整的将图片显示出来。

参与评论您还未登录，请先登录后发表或查看评论

【微信小程序】了解小程序的宿主环境

薇z的博客

08-21

588

【微信小程序】了解小程序的宿主环境

小白如何在本地运行一个微信小程序

最新发布

2301_76677472的博客

03-29

1114

近期得到任务，一个微信小程序基本功能都已实现，但前端页面需要优化，得到前后端源码后，开始尝试运行。作为小白，其间出现无数波折，但自己总是张不开嘴去问，往往一个报错需要自己研究好久。总结了小程序本地运行所需要的一系列步骤，希望能够帮助到有和我一样困难的朋友。以上就是我第一次本地运行一个微信小程序时，经历的所有流程以及一些报错，希望能够帮到你！

小程序的宿主环境-宿主环境简介

m0_67198021的博客

06-04

615

小程序宿主环境简介

（学习笔记2）微信小程序宿主环境

7TribeZ的博客

05-24

656

小程序宿主环境 我们称微信客户端给小程序所提供的环境为宿主环境。小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。渲染层和逻辑层首先，我们来简单了解下小程序的运行环境。小程序的运行环境分成渲染层和逻辑层，其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染...

微信小程序的宿主环境（二）

FLY的专栏

03-02

562

微信小程序的宿主环境 小程序的运行环境分成渲染层和逻辑层，WXML和WXSS工作在渲染层，JS脚本工作在逻辑层。渲染层和数据相关；逻辑层负责产生，处理数据；逻辑层通过Page实例的setData方法传递到渲染层。 小程序的渲染层和逻辑层分别由两个线程管理：渲染层的界面使用了WebView进行渲染；逻辑层采用JsCore线程运行JS脚本。在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻...

微信小程序---原生API

m0_56769104的博客

07-10

1518

小程序开发框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等，几乎所有小程序的API都挂载在wxwx对象实际上就是小程序的宿主环境微信所提供的全局对象onSync异步 API 支持 callback & Promise 两种调用方式：当接口参数 Object 对象中不包含 success/fail/complete 时将默认返回 Promise。

微信小程序-小程序 API

iOS_HC的博客

02-08

806

小程序开发框架提供丰富的微信原生 API，可以方便调起微信提供的能力，比如：获取用户信息、微信登录、微信支付等，小程序提供的 API 几乎都挂载在 wx 对象下，例如：wx.request()、wx.setStorage() 等，wx 对象上实际上就是小程序的宿主环境微信所提供的全局对象。小程序API分类：1、当接口参数 Object 对象中不包含 success/fail/complete 时默认返回 Promise。

微信小程序---常用样式和组件

m0_56769104的博客

07-09

1021

在开 Web 网站的时候：页面的结构由HTML进行编写，例如：经常会用到divpspanimga等标签页面的样式由CSS进行编写，例如：经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签，也就没有DOM和BOM，同时仅仅支持部分CSS选择器不过不用担心，小程序中提供了同样的角色：其中WXML充当的就是类似HTML的角色，只不过在WXML中没有divpspanimga等标签，在WXML中需要使用 小程序提供的viewtextimagenavigator。

【微信小程序】小程序的宿主环境

苏凉.py的博客

06-30

387

宿主环境( host environment)指的是程序运行所必须的依赖环境。例如：Android系统和iOS系统是两个不同的宿主环境。安卓版的微信App是不能在 iOS环境下运行的，所以，Android是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！在手机上，小程序的宿主环境就是我们的手机微信，通常小程序可以通过借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能：微信支付，微信扫码，微信登录以及定位等等。小程序中通信的主体是渲染层和逻辑层，其中:小程序中的通信模型分为两部分(都由微信

小程序的宿主环境

月光晒了很凉快的博客

01-11

762

小程序的宿主环境详解。

小程序宿主环境

qq_59954212的博客

04-08

478

1、渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 1.1 渲染 “Hello world” 页面示例 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量。渲染“Hello World”WXML脚本： <view>{{ msg }}</view> 在 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” 。渲

微信小程序宿主环境

湾区人工智能

03-27

879

1 小程序宿主环境 3.1 渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层，第2章提到过 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 3.1.1 渲染“Hello World”页面我们看看小程序是如何把脚本里边的数据渲染在界面上的。 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量，如代码清单3-1所示...

微信小程序的宿主环境介绍

psjasf1314的博客

09-30

324

微信小程序的宿主环境介绍

小程序/宿主环境

weixin_42197893的博客

05-04

678

微信给小程序提供的环境成为宿主环境，我个人理解（不一定对，对宿主环境的真正理解我觉得需要知道小程序的详细框架原理以及和微信APP之间的联系）：宿主环境包括了两大线程以及其他的一些代码（比如API定义函数、将小程序代码包注入宿主环境的代码等等）通信模型 Native是微信客户端，逻辑层和渲染层是通过两个线程来管理，每个页面对应一个webView线程。数据驱动：类似于react和vue，只要改...

微信小程序开发环境搭建