微信小程序案例2-1：学生信息

零、学习目标

1. 注册微信小程序开发账号
2. 获取微信小程序AppID
3. 安装微信开发者工具
4. 创建微信小程序项目

在正式开发微信小程序前，需要先进行开发前的准备工作，包括注册微信小程序开发账号、获取微信小程序APPID、安装微信开发者工具和创建微信小程序项目。

一、注册微信小程序开发账号

（一）访问微信公众号平台官网

• 网址：https://mp.weixin.qq.com/
  

（二）进入注册页面完成账号的注册

• 单击“立即注册”链接，就可以进入开发账号的注册页面
  
• 选择注册的账号类型：小程序
  
• 单击【前往注册】按钮，我们就看到小程序注册页面
  
• 根据提示输入邮箱、密码、确认密码和验证码
  
• 单击【注册】按钮，进入提示邮箱激活页面
  
• 单击【登录邮箱】按钮，登录前面注册时指定的邮箱
  
• 单击【登录】按钮，进入邮箱，打开“微信小程序账号激活”邮件
  
• 单击账号激活链接，将会跳转到用户信息登记页面，选择主体类型：个人，然后登记主体信息
  
• 扫二维码进行管理员身份验证
  
• 单击【确定】按钮
  
• 切换到小程序用户信息登记页面，单击【继续】按钮
  
• 单击【确定】按钮
  

（三）进入微信小程序管理后台

• 单击【前往小程序】按钮
  

二、获取微信小程序AppID

（一）什么是小程序AppID

• 在微信小程序中，AppID又称为小程序ID，是每个小程序的唯一标识，每个小程序账号只有一个AppID，因此每个账号只能发布一个小程序，如果要发布多个小程序，需要注册多个小程序账号。

（二）获取小程序AppID

• 打开微信公众号官网
  
• 扫码登录
  
• 选择本次课注册的账号
  
• 进入微信小程序管理后台
  
• 在左侧栏里选中【开发管理】，然后再选择【开发设置】
  

（三）设置小程序信息

• 单击左侧栏【首页】
  
• 单击【前往填写】按钮，填写小程序信息
  
• 单击【提交】按钮
  
• 此时，退出微信小程序管理后台，再扫码登录
  

三、安装微信开发者工具

（一）下载微信开发者工具

• 进入微信小程序管理后台，在左侧栏选择【开发工具】
  
• 单击【开发者工具】选项卡
  
• 单击【下载】按钮
  
• 单击【Windows 64】链接，将该版本的微信开发者工具下载到本地
  

（二）安装微信开发者工具

• 双击安装程序图标，进入安装向导
  
• 修改一下安装位置
  
• 单击【安装】按钮，一步一步完成软件的安装
  
• 查看dll目录
  
• 设置环境变量
  
• 单击【确定】按钮
  

四、创建微信小程序项目

（一）启动微信开发者工具

• 首次启动，会有一个扫码登录
  
• 扫码登录成功之后
  
• 单击右上角齿轮按钮，设置外观 —— 浅色
  
  

（二）创建微信小程序项目

• 单击【+】按钮，在窗口里设置微信小程序相关信息
  
• 单击【确定】按钮，修改index.wxml里的显示内容，再单击【编译】按钮