解决登录与状态管理的“最后一公里”

在开发微信小程序的过程中,很多学习者卡在最基础的认证环节:如何让用户安全登录?登录后如何记住他?如何获取并展示头像昵称?这门实战课专门针对这些痛点,系统讲解用户登录流程与信息存储机制。课程以首页和登录页为核心场景,完整还原一个真实小程序的认证闭环,帮你补齐从“能写页面”到“能做完整应用”的关键能力缺口。它解决的核心问题是:你写了很多页面,但用户进来后不知道他是谁,也没有记录他的登录状态,导致每次刷新都要重新登录,或者信息无法跨页面共享。

适合基础与学习建议

  • 适合人群:已掌握微信小程序基础语法(WXML、WXSS、JS),了解 basic 小程序结构,但对登录授权、全局状态管理、本地存储等进阶机制不够熟悉的学习者。适合备考认证、转岗实战、或正在做个人项目遇到登录阻塞的同学。
  • 门槛提示:无需后端开发经验,但需理解 HTTP 请求的基本概念(如 get/post)和回调逻辑。如果完全不懂 Promise 或异步操作,建议先补基础 JS 再来看第1-4节。
  • 建议先看:第1-3节(用户登录页面搭建)和第1-6节(globalData 全局数据)——这是后续所有逻辑的基础,务必先理解权限流程和状态共享机制。
  • 重点攻克:第1-4节(短信验证码)和第1-5节(登录逻辑)——这是登录流程的核心,涉及接口调用、错误处理、状态流转,实战价值最高。
  • 巩固延伸:第1-7节(storage 本地存储)和第1-8节(获取用户信息)——学习如何将登录态持久化,并在首页展示用户身份。

学完能做什么?

完成本课后,你将能独立实现:用户点击登录按钮 → 触发获取手机号/验证码流程 → 后端验证 → 登录成功 → 将用户信息存入 globalData 和 storage → 首页自动读取并展示头像与昵称。你还能理解“为什么有些数据要存本地,有些要放全局”,避免常见坑点如:刷新后丢失登录态、用户信息重复请求、全局变量污染等。资料包配合练习,建议先按视频步骤抄一遍,再尝试关闭页面重新打开,验证 storage 是否生效;最后自行添加一个“退出登录”按钮,清空状态,完成正向闭环。这样你就打通了小程序开发中最关键的用户识别链路,为后续订单、个人中心等功能打下基础。

课程目录

1-1 [用户登录以及信息存储] 今日概要 (06:09)
1-2 [用户登录以及信息存储] 内容回顾 (09:43)
1-3 [用户登录以及信息存储] 用户登录页面 (09:36)
1-4 [用户登录以及信息存储] 发送短信验证码 (36:17)
1-5 [用户登录以及信息存储] 用户登录 (51:44)
1-6 [用户登录以及信息存储] 小程序全局globalData (19:11)
1-7 [用户登录以及信息存储] 本地存储storeage (09:23)
1-8 [用户登录以及信息存储] 获取用户信息 (32:35)
1-9 [用户登录以及信息存储] home页面展示头像和用户逻辑 (12:05)
1-10 [用户登录以及信息存储] 总结 (17:58)
1-11 [用户登录以及信息存储] 今日作业 (07:46)