【微信小程序开发】基础准备教程

一、小程序简介

1.1 介绍

微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。

微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，已经有超过150万的开发者加入到了微信小程序的开发，与腾讯一起共同发力推动微信小程序的发展，微信小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，微信小程序还在许多城市实现了支持地铁、公交服务。

1.2 小程序特点

1. 无需下载安装：用户可以直接在微信中使用小程序，无需下载和安装，降低了使用门槛和成本。
2. 即用即走：提供了即用即走的服务，用户无需注册和登录，即可使用其中的功能和服务，方便快捷。
3. 跨平台运行：小程序可以在不同的操作系统和设备上运行，为用户提供了更广泛的使用范围和更灵活的使用方式。
4. 丰富的功能：可以提供各种功能和服务，如电商、餐饮、教育、医疗等，满足用户的不同需求。
5. 低成本开发：开发成本相对较低，开发周期也较短，可以为开发者和企业节省大量的时间和资金成本。
6. 快速加载和响应：通常比传统的原生应用程序加载更快，并且在用户与应用程序交互时响应更迅速。
7. 更新便捷：小程序的更新非常便捷，开发人员可以随时发布新的版本，而无需用户手动更新。
8. 用户留存率高：由于小程序无需下载和安装，用户更容易尝试新的应用程序。此外，小程序通常与社交媒体平台紧密结合，用户可以通过分享、推荐等方式更容易地发现和使用小程序，从而提高了用户留存率。

二、小程序安装及注册

2.1 注册微信公众号账号

• 1.浏览器输入该网址：https://mp.weixin.qq.com/ 打开微信公众平台，点击立即注册，进入注册流程
  

• 2. 选择微信小程序
     
• 3. 选择前往注册
     
• 4. 填写程序基本信息，注意一定要认真填写，否则会导致无法使用
     
• 5. 点击注册后，会向邮箱发起一个激活账号的邮件，需要点击进入激活
     
• 6. 登录邮箱，根据提示点击进入激活账号
     
• 7. 点击邮箱中的激活邮件，激活账号后，进入信息登记环节
     地区选择： 中国大陆 主体类型选择：个人
     
• 8. 填写并确定主体信息，一定填写真实信息！
     
     填写身份证姓名等号码信息后， 管理员身份验证处会出现二维码， 此时需要管理员本人微信扫码，进行管理员身份验证
     
• 9. 上方扫码认证后，会提示当前提交的主体信息，确认无误后点击确定，进入下一步
     
• 10. 提示提交信息成功，此时可以登录微信公众平台进入下一步
      
• 11. 登录微信公众平台，进入小程序控制台，填写小程序基本信息
      
• 12. 按照提示填写小程序基本信息
      
• 13. 点击左侧开发管理， 即可查看微信小程序AppID，到此所有注册环节已经结束
      

2.2 下载微信开发者工具

• 1. 浏览器打开下方网址，进入工具下载页面，统一下载稳定版，根据自己的操作系统选择相对应的系统版本
     网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

• 2. 双击安装包安装微信开发者工具，点击下一步
     
• 3. 点击 “我接受”
     
• 4. 选择安装路径，可以默认路径，可以自己选择，选择好后点击安装，进入安装过程，等待片刻即可完成安装
     
     
• 5. 运行微信开发者工具，第一次使用需要扫码登录，不要使用游客模式，游客模式下无法正常开发
     
• 6. 创建小程序项目
     
• 7. 创建第一个微信小程序，AppID需要自行填写或者通过下拉箭头自行选择， 不要使用测试号ID，测试号ID无法正常开发,所有项目信息填写完成后点击确定
     
     
• 9. 进入小程序开发页面， 至此所有准备操作已经结束
     

三、微信开发者工具

3.1 编辑器

微信小程序目前仅支持使用微信开发者工具来进行开发，且暂不支持Linux系统下的开发。
如下图所示，其开发界面与常见开发工具大同小异，例如Pycharm，Vscode等。

下图为各个分区具体功能，在预览模拟器中可以模拟手机进行不同设备下的测试，也可使用手机扫描二维码进行实机测试。

3.2 导航栏功能

微信小程序开发类似于web前端开发，同样也有html（wxml）和css（wxss）等。

3.3 组成

微信小程序的主体部分由三个文件组成，必须放在项目的根目录：

文件	必须	说明
app.js	是	小程序逻辑
app.json	是	小程序公告配置
app.wxss	否	小程序公告样式表

一个小程序页面由四个文件组成，分别是：

文件类型	必须	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表