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

男娘i 2022-05-16 09:34 260阅读 0赞

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

\#正文\#  
\#\#1.标准登录流程详解\#\#

*  小程序通过wx.login()接口从**微信官方服务器**获取用户code（如下图）（code 我就不打码了)  
    ![这里写图片描述][70]

**注意：以上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会调起授权弹框**。

[70]: /images/20220516/049d1bca1c724c1eb43968c835d7be3e.png