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

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

宿主环境


一、什么是宿主环境?


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


例如:Android系统和iOS系统是两个不同的宿主环境。安卓版的微信App是不能在 iOS环境下运行的,所以,Android是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!


二、小程序的宿主环境


在手机上,小程序的宿主环境就是我们的手机微信,通常小程序可以通过借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能:微信支付,微信扫码,微信登录以及定位等等。


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


1.通信模型


通信的主体


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


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


  1. JS脚本工作在逻辑层



小程序的通信模型


小程序中的通信模型分为两部分(都由微信客户端进行转发)


  • 渲染层和逻辑层之间的通信



  • 逻辑层和第三方服务器之间的通信



2.运行机制


小程序启动的过程


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


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


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


  1. 渲染小程序首页


  1. 小程序启动完成


小程序页面渲染过程


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


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


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


  1. 页面渲染完成


3.组件


小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类,分别是:


  1. 视图容器


  1. 基础内容


  1. 表单组件


  1. 导航组件


  1. 媒体组件


  1. map地图组件


  1. canvas画布组件


  1. 开放能力


  1. 无障碍访问


4.API


小程序官方把API分为了如下3大类:


  1. 事件监听API


特点:以on开头,用来监听某些事件的触发


举例: wx.onWindowResize(function callback)监听窗口尺寸变化的事件


  1. 同步API


特点1:以Sync结尾的API都是同步API


特点2:同步API的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常举例:wx.setStorageSync("'key" , 'value')向本地存储中写入内容


  1. 异步API


特点:类似于jQuery 中的 $.ajax(options)函数,需要通过successfailcomplete接收调用的结果举例:wx.request()发起网络数据请求,通过success回调函数接收数据

目录
相关文章
|
10天前
|
小程序 开发工具 Android开发
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
|
10天前
|
小程序 JavaScript 开发工具
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
|
10天前
|
移动开发 小程序 安全
使用阿里云短信+微信短链接跳转微信小程序
此内容是关于使用阿里云短信带传递参数的微信短链接跳转到微信小程序。首先,需要准备微信开发者工具和一个已认证的小程序。接着,开通云开发并配置云开发权限。然后,配置H5静态网页,包括设置云开发权限和处理不同设备的跳转方式。最后,上传云函数并修改其权限,获取微信短信链接,配置短链接参数,并开通阿里云短信服务以进行测试验证。整个过程涉及到了微信开发者工具、云开发、H5页面配置、云函数的创建和部署以及阿里云短信服务的开通和使用等步骤。
36 0
|
20天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
32 3
|
20天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
55 3
|
20天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信点餐小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信点餐小程序的详细设计和实现
30 1
|
20天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的助农扶贫微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的助农扶贫微信小程序的详细设计和实现
33 2
|
27天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
27天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
27天前
|
JavaScript 前端开发 小程序
微信小程序全栈开发之性能优化策略
【4月更文挑战第12天】本文探讨了微信小程序全栈开发的性能优化策略,包括前端的资源和渲染优化,如图片压缩、虚拟DOM、代码分割;后端的数据库和API优化,如索引创建、缓存使用、RESTful API设计;以及服务器的负载均衡和CDN加速。通过这些方法,开发者可提升小程序性能,优化用户体验,增强商业价值。

热门文章

最新文章