#前言#
相信各位大佬在写小程序的时候基本都会牵扯到小程序原生的登录接口。但是,微信的登录这一套登录体系是真的很难懂!
接下来,我会跟大家分模块分析它们。
#正文#
##1.标准登录流程详解##
- 小程序通过wx.login()接口从微信官方服务器获取用户code(如下图)(code 我就不打码了)
注意:以上wx.login()接口是静默进行的。也就是说,不会弹出授权窗口。
小程序把得到的code和AppId+AppSecret传给开发者服务器(我们自己的后台)
开发者服务器经过一系列的处理,把官方服务器的两件套(seesion_key+open_id)变个花样,换成开发者自定义的东西(因为官方出于安全考虑不推荐把open_id等一系列暴露给前端,所以开发者服务器一般需要根据open_id重新定义确定唯一用户的标识,如重新定义open_id为userid,前后端交互的时候用userid确定唯一用户),可以狭义得理解为自定义登录态。
当我们有业务需求,需要发送请求(比如需要获取用户的某些信息)时,带着userid发送到开发者服务器
开发者服务器通过小程序发送的userid等数据,根据自定义登录态userid再关联到open_id等,做后续业务…
以上就是微信小程序官方推荐的一系列登录操作流程。
##分模块详解##
1.wx.login
很多人习惯的login用法是
wx.login({ success : function () { wx.getUserInfo () { success : function () { } } }})把wx.login和wx.getUserInfo绑定起来使用,认为如果我要获取用户信息(getUserInfo),就必须要登录。这其实是微信官方之前的一个设计缺陷,也是官方实例中的一个误导(而且官方文档中并没有说明)。
其实,wx.login和wx.getUserInfo并没有强制绑定使用。上面已经提到过,login是静默行为。此处要说明的是,getUserInfo会调起授权弹框。
关注公众号“原生JS”
回复“WebStorm”: 以后不用再辛苦找寻注册码
回复“礼包”:免费领取84本前端PDF,最新BAT面试题与Flutter教程
不定期更新最新技术干货,用最简单明了的方式让你记住JS知识点
你关注我
我教你JavaScript
你不关注我
我教你同事JavaScript













