微信小程序-学习笔记1

学习原文：

【Web实战】零基础微信小程序逆向（非常详细）从零基础入门到精通，看完这一篇就够了_微信小程序逆向分析-CSDN博客

2024-07-17

• 不同的互联网大厂有各自的生态平台，比如腾讯、百度、阿里巴巴、字节跳动等
• 和app的主要区别是：无需安装，和微信公用内存而不是手机的额外内存（虽然微信占用的也是手机内存），提交到微信公众平台审核

微信小程序架构

分为两部分：逻辑层（App Service）和视图层（View），小程序提供自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架；在视图层与逻辑层之间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑

逻辑层App Service

使用JavaScript引擎为小程序提供开发JavaScript代码的运行环境以微信小程序的特有功能，逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈

在JavaScript的基础上，增加了一些功能，以便小程序开发

• 增加App和Page方法，进行程序注册和页面注册
• 增加getApp和getCurrentPages方法，分别用来获取App实例和当前页面栈
• 提供丰富的API，如微信用户数据，扫一扫，支付等微信特有功能
• 提供模块化能力，每个页面有独立的作用域（和Vue很像）

注：小程序框架的逻辑并非运行在浏览器中，因此JS在web中一些能力无法使用，如window，document等

视图层View

由WXML和WXSS编写，由组件进行展示；将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层

WXML用于描述页面的结构

WXS（WeiXin Script）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构

WXSS用于描述页面的样式

组件是视图的基本组成单元

目录结构

小程序包含一个描述整体程序的app和多个描述各自页面的page

创建小程序

官网：微信小程序

自主接入为例：

1.注册（在微信公众平台注册，完成注册后可以同步进行信息完善和开发

2.小程序信息完善（填写小程序基本信息，包括名称、头像、介绍及服务范围等）

3.开发小程序（完成小程序开发者绑定、开发配置信息后，开发者可下载开发者工具、参考开发文档进行小程序的开发和调试）

4.提交审核和发布（完成小程序开发后，提交代码至微信团队审核，审核后通过后即可发布，公测期间不能发布）