JS每日一题: 小程序的登录流程是什么样的?
发布于 16天前 作者 ab8512 433 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

20190302

小程序的登录流程是什么样的?

在微信小程序中,我们大致会涉及到以下三类登录方式:

  • 自有的账号注册和登录
  • 使用其他第三方平台账号登录
  • 使用微信账号登录

那么如何将小程序的用户跟自身的用户体系打通这是值得思考的

前两种是目前web应用主流方式,这里就不作介绍了

我们先来看一下小程序的登陆流程 https://user-gold-cdn.xitu.io/2018/12/13/167a7d9b132d9c84?imageView2/0/w/1280/h/960/format/webp/ignore-error/1

从图上我们得出来步骤如下

1.调用wx.login获取code
2.发送code到后端
3.后端拿到code去微信换取用户openid以及session_key
4.后端记录用户登陆状态并返回给前端
5.前端拿到用户登陆态后保存至storage
6.后续前端发送至后端的请求头携带自定义登陆态(如seesionID)

如何与自有账号体系打通

前面我们有提到过如何当自有账户体系与小程序用户打通

假设你们公司是一个做电商的公司,己经有h5及app端,现在想做一个小程序,问题来了,用户如何在小程序中完成购物呢(怎么判段这个用户是已经存在的还是一个新用户呢)

我们可以简单梳理一下

首先用户分为两种

  • 已有用户
  • 新增用户

首次启动小程序调用wx.login,拿到code换取unionid,如果用户以前在app或者h5端使用的是微信登陆,这个时候我们就可以通过unionid来判断这个用户是否为老用户,如果是进入首页正常使用, 如果不是进入首页调用wx.getUserInfo拿到用户基本信息, 引导用户绑定手机号, 拿到手机号去服务端检查手机号是否绑定过,如果绑定过为老用户正常使用, 如果未绑定则视为新用户,调用注册接口生成新用户, 正常使用

关于JS每日一题

JS每日一题可以看成是一个语音答题社区
每天利用碎片时间采用60秒内的语音形式来完成当天的考题
群主在次日0点推送当天的参考答案

  • 注 绝不仅限于完成当天任务,更多是查漏补缺,学习群内其它同学优秀的答题思路

点击加入答题

1 回复

谢谢楼主,学习了

回到顶部