一、账号注册
1. 申请微信小程序账号
1)准备邮箱
- 邮箱要求: 申请微信小程序账号需要一个邮箱,建议使用163邮箱。
- 邮箱申请: 如果没有邮箱,可以访问网易邮箱注册页面进行申请。
2)进入微信小程序官网
- 官网地址: 微信小程序官网。
- 操作: 进入官网后,点击右上角“立即注册”。
3)账号选择
- 选择类型: 在注册时选择“小程序”。
4)账号登录
- 登录方式: 使用注册的邮箱和密码进行登录。
- 注意: 每个邮箱仅能申请一个小程序。
5)完善账号信息
- 信息填写: 需要填写账号信息,包括邮箱激活和信息登记。
- 激活邮件: 登录邮箱,点击激活链接完成账号激活。
6)主体类型选择
- 主体类型: 个人或企业。个人类型暂不支持微信认证、微信支付及高级接口能力。
- 选择建议: 一般情况下选择个人类型进行注册。
7)管理员身份验证
- 验证方式: 使用管理员本人微信扫描二维码进行身份验证。
- 注意: 注册的手机号必须与微信绑定的手机号一致。
8)账号登录
- 登录成功: 验证成功后,即可登录微信小程序账号。
- 后续操作: 登录后可以进行小程序的开发与管理。
2. 微信小程序登录流程
- 流程概述: 通过微信扫码登录小程序账号,进行小程序的开发与管理。
- 注意: 确保微信账号与注册手机号一致,以便顺利完成身份验证。
二、获取小程序ID
1. 小程序ID的获取方式
- 获取途径: 小程序ID(AppID)是在微信小程序开发与管理平台中获取的,用于标识不同的小程序。
2. 开发设置页面查看AppID和AppSecret
- 查看位置: 在微信小程序的开发设置页面中,可以查看和管理小程序的AppID和AppSecret。
- AppSecret用途: AppSecret是小程序的密钥,与AppID一同用于后端服务器与微信服务器之间的安全通信。
3. 后端代码配置AppID和AppSecret
- 配置方式: 在后端代码中,需要配置AppID和AppSecret,以便后端服务器能够与微信服务器进行通信。
- 配置位置: 通常在一个配置文件中进行设置,如config.js或类似文件。
- 注意事项: AppID和AppSecret是敏感信息,需妥善保管,避免泄露。
4. 小程序环境配置步骤
- 前端配置:
- 步骤一: 将前端代码导入开发者工具。
- 步骤二: 绑定AppID。
- 后端配置:
- 步骤一: 询问开发人员AppID和AppSecret的配置位置。
- 步骤二: 在指定文件中添加并绑定AppID和AppSecret。
- 环境配置完成: 完成前端和后端的配置后,小程序的开发环境即搭建完成,可以进行后续的开发和测试工作。
三、前端环境配置
1. 解压文件
- 操作: 将压缩包进行解压,得到文件夹。
- 方法: 可以使用上方或下方的解压工具进行快速解压。
2. 开发者工具选择
- 工具: 微信开发者工具。
- 平台: 无论是Windows还是Mac平台,操作方式相同。
3. 项目导入
- 步骤:
- 打开微信开发者工具后,选择“导入项目”而非“新建项目”或“打开项目”。
- 导入时,需浏览到解压后的文件夹位置进行选择。
- 注意: 项目名称可自定义,如“飞机46”。
4. 编译主页面
- 操作: 导入项目后,进行编译。
- 问题处理:
- 若主页面无法加载图片,可能是因为配置文件中的API地址问题。
- 需检查并修改配置文件中的API地址,使用线上环境地址。
- 设置:
- 在项目详情中的本地设置里,勾选“不校验合法域名”,以解决因域名不带s导致的校验问题。
- 结果: 修改配置并保存后,重新编译,主页面应能正常显示。
四、知识小结
知识点 | 核心内容 | 考试重点/易混淆点 | 难度系数 |
登录授权原理 | 涉及APP ID和APP session ID,在后端代码中保留 | -APP ID和APP session ID的保留位置<br>-注册生成方式 | ★★★ |
微信小程序账号注册 | 申请微信小程序账号,邮箱激活,信息登记 | -邮箱申请与激活<br>-个人账号与企业账号的区别<br>-管理员身份确认 | ★★★★ |
小程序ID获取 | 在微信公共平台注册小程序后,在开发管理中找到开发设置,获取APP ID和密钥 | -注册成功后才能扫码获取ID<br>-密钥的生成与保存 | ★★★★☆ |
小程序环境配置 | 前端代码导入开发者工具,绑定APP ID;后端代码添加绑定APP ID和密钥 | -前端导入项目步骤<br>-后端配置位置与方式 | ★★★☆☆ |
前端代码导入 | 解压压缩包,打开开发者工具,选择导入项目,填写项目名称,浏览选择解压文件夹,绑定ID | -导入与新建、打开的区别<br>-项目名称与目录的选择 | ★★☆☆☆ |
后端代码配置 | 无需改动,只需确认APP ID和密钥的绑定位置 | -与开发确认配置位置 | ★★☆☆☆ |
连接后台方法 | 修改配置文件中的地址,使用线上地址替换虚拟环境地址 | -配置文件位置的查找<br>-线上地址的获取与应用 | ★★★☆☆ |
本地设置调整 | 在详情中的本地设置里,勾选不校验合法域名 | -合法域名校验问题解决方法 | ★★☆☆☆ |