微信小程序> 【微信小程序】详解微信小程序登录wx.login和获取用户信息wx.getUserInfo

【微信小程序】详解微信小程序登录wx.login和获取用户信息wx.getUserInfo

浏览量:998 时间: 来源:南郭闲笙

#前言#
相信各位大佬在写小程序的时候基本都会牵扯到小程序原生的登录接口。但是,微信的登录这一套登录体系是真的很难懂!
接下来,我会跟大家分模块分析它们。

#正文#
##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

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎