微信小程序基础介绍

一、微信小程序基础知识

1. 微信小程序简介

• 创始人: 微信小程序的创始人是张小龙。
• 发布时间: 微信小程序于2017年1月9日发布。
• 定义: 微信小程序，简称小程序，英文名称MiniProgram，是依附于微信而无需再次下载安装的应用程序。
• 特点: 实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，无需下载和安装，即用即走。

2. 微信小程序的特点与优势

• 优势:
  • 功能丰富，清爽体验。
  • 使用角度覆盖衣、食、住、行、用等多个方面。
  • 流量大，易裂变（传播）。
• 特点:
  • 依附于微信，无需下载安装。
  • “即用即走”，释放手机资源。

3. 微信小程序与APP的对比

• 小程序: 无需下载，即用即走，不占用手机空间，适合低频使用场景。
• APP: 需要下载安装，占用手机空间，适合高频使用场景，功能更加复杂和丰富。

4. 微信小程序的开发与语言

• 开发工具: 微信开发者工具。
• 开发语言: 微信小程序是通过特定语言（如JavaScript等，但此处原字幕有误，应更正为正确信息）开发的。

二、微信小程序基础介绍

1. 微信小程序定义

• 定义: 微信小程序是依附于微信而无需下载安装的移动端应用程序。

2. 微信小程序特点

• 即用即走: 用户无需下载安装，扫码或搜索即可使用。
• 清爽体验: 主次分明，背景色、按钮提示信息等设计简洁。
• 易裂变: 易于传播，可快速覆盖大量用户。

3. 微信小程序应用领域

• 常见领域: 城市服务、零售、出行、医疗等。
• 使用角度: 覆盖衣食住行用等各方面。
• 总结: 微信小程序是一种依附于微信、无需下载安装、即用即走的移动端应用程序，具有清爽体验和易裂变的特点，广泛应用于多个领域。

三、小程序的设计理念

1. 小程序的优点

• 基于微信生态: 小程序是基于微信生态体系内，旨在建立友好、高效、一致的用户体验。
• 导航明确: 每个页面的导航指向清晰，用户可以轻松找到退路。
• 流程明确: 避免无关设计元素干扰用户目标，确保流程顺畅。
• 异常处理: 异常提醒清晰，保持页面风格统一，减少用户困惑。
• 减少等待: 在需要等待的过程中提供动态效果，反馈形式多样，缓解用户等待的不良情绪。
• 降低难度: 根据用户使用习惯设计，降低学习使用成本。

2. 微信小程序设计指南

• 友好礼貌: 礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。
• 重点突出: 每个页面都应有明确的重点，便于用户快速理解页面内容。
• 减少输入: 在确定重点的前提下，避免页面上出现与用户决策和操作无关的干扰因素。
• 统一稳定: 提供视觉规范，确保界面风格一致，提升用户体验。

3. 小程序的设计不足

• 页面数量限制: 每个应用最多能同时打开5个页面，且一般设计不超过三级页面。
• 文件大小限制: 小程序源码文件有大小限制，总包大小不超过20M，单个分包不超过2M。
• 逻辑复杂度: 不适用于逻辑过于复杂的应用，因为复杂逻辑可能导致不可控的异常问题。
• 依附于微信APP: 小程序需要依附于微信APP才能使用，这限制了其独立性。

四、微信开发者工具

1. 微信开发者工具版本

1）微信开发者工具文档

• 文档地址: 微信开发者工具的文档地址是 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。

2）微信开发者工具界面

• 
• 界面组成: 微信开发者工具界面包括菜单栏、工具栏、模拟器、编辑器和调试器等部分。

3）版本差异化

• 版本类型: 微信开发者工具包括开发版、预发布版、稳定版等多个版本。
• 版本意义: 不同版本适用于不同的开发和测试阶段，确保软件的稳定性和功能的逐步完善。

4）版本差异文档

• 文档内容: 版本差异文档详细说明了各版本之间的功能差异、稳定性以及适用场景。

5）发布版

• 发布版定义: 发布版即线上版，是软件最终发布给用户使用的版本。
• 特点: 发布版经过严格测试，确保稳定性和功能的完善性。

6）稳定版

• 稳定版定义: 稳定版是测试版通过后的版本，修复了已知的缺陷。
• 特点: 稳定版具有较高的稳定性，适合进行进一步的测试和预发布。

7）预发布版

• 预发布版定义: 预发布版是稳定版运行一段时间，经过内部测试后，准备发布的版本。
• 特点: 预发布版包含新的特性，但稳定性尚需进一步验证。

8）测试版

• 测试版定义: 测试版是开发自测通过的版本，提交给测试人员进行测试。
• 特点: 测试版可能包含较多未修复的缺陷，需要测试人员发现并反馈。

9）界面布局

• 布局说明: 界面布局包括菜单栏、工具栏、模拟器、编辑器和调试器等区域，各区域具有不同的功能。
• 使用场景: 测试人员主要使用模拟器和编辑器区域进行功能测试和配置修改。

10）常见操作

• 模拟器操作: 模拟器用于模拟手机显示当前项目运行后的状态，是测试人员进行功能测试的主要工具。
• 编辑器操作: 编辑器用于编辑代码区域，测试人员可以修改配置文件以连接后台服务器。
• 调试器操作: 调试器主要用于开发人员进行代码调试，测试人员可以查看报错信息。
• 编译操作: 编译是将源代码转换为计算机可识别的机器码过程，配合清缓存一起使用，确保代码的正确性。
• 
• 操作总结: 测试人员应熟悉模拟器、编辑器和编译等常见操作，以高效地进行功能测试。

 

五、微信小程序项目结构

1. 小程序项目文件分类

1）文件类型及作用

• .json文件: 存储配置数据或传输交互数据，如用户名、密码等。
• .wxml文件: 页面模板文件，控制页面结构。
• .wxss文件: 样式文件，控制页面显示内容的样式，如大小、颜色、位置等。
• .js文件: 逻辑脚本处理文件，控制页面行为。
• 

2. 微信小程序通信模型

1）通信流程

• 前端代码: 负责小程序页面显示内容，通过

  WXML+WXSS+JavaScriptWXML+WXSS+JavaScriptWXML+WXSS+JavaScript

  实现。
• 后端代码: 负责小程序业务处理，通常位于第三方服务器。
• 通信过程:
  • 小程序前端通过微信客户端与后端进行通信。
  • 首次通信需要通过内部接口与微信客户端交互，完成登录授权等过程。
  • 后续通信常使用HTTPS协议，确保通信安全。
  • 

3）登录与通信

• 登录过程: 必须通过微信客户端完成授权，才能与后端服务器进行通信。
• 通信限制: 由于微信小程序的通信模型设计，前端代码无法直接访问后端服务器，必须通过微信客户端作为中介。

 

六、小程序与APP对比

1. 小程序的汇总区别

• 
• 无需安装与注册: 小程序无需下载和安装，只需授权即可使用，而APP需要下载安装且通常需要注册。
• 兼容性强: 小程序依托于微信，兼容各种手机，无需考虑不同操作系统的兼容性问题，而APP需要针对不同移动端操作系统进行开发。
• 开发成本低: 小程序的开发成本相对较低，且拥有微信超10亿的流量入口，而APP的开发成本高昂，且需自行推广引流。

2. APP的区别

• 
• 复杂性与高成本: APP功能复杂，需要安装、注册，且开发成本和维护成本较高。
• 多平台开发: 不同移动端操作系统（如安卓和iOS）需要分别进行开发。
• 自行推广: APP需自行负责推广和引流，与小程序依托微信平台获得流量不同。

4. 内容小结

• 小程序优点: 简单、导航清晰、开发成本低、拥有微信流量入口。
• 小程序不足: 无法实现复杂业务逻辑。
• 文件构成: JSON配置文件、WXML、WXSS、JS等。
• 开发者工具使用: 主要用于代码编辑、编译和模拟器测试。
• 对比重点: 入口、部署、兼容、成本、营销等方面。