微信小程序 - 获取用户头像昵称等信息（带授权检测）

淩亂°似流年 2022-12-13 12:55 485阅读 0赞

## 前言 ##

> 接口调整官方文档：[https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01][https_developers.weixin.qq.com_community_develop_doc_0000a26e1aca6012e896a517556c01]

在以前，是否授权可以直接弹出询问用户，但现在微信更改了策略，必须 **由用户点击按钮触发**。下面将用代码来实现用户授权及获取用户信息。

## 功能介绍 ##

> 无论确认授权还是拒绝授权，都会跳转对应页面，不让用户卡在界面。

点击授权后，下次不在出现授权页面了，如果拒绝，下次依然出现。  
![在这里插入图片描述][20201011221805109.gif_pic_cener]

以下代码可直接复制粘贴，具体功能如下：

*  页面加载时，会检测用户是否授权。
 *  如果授权了，则直接执行需求代码（如跳转相应页面）。
 *  点击按钮时，会询问用户是否授权。
 *  无论确认授权或拒绝，都会直接执行需求代码。

## 实现 ##

视图代码只需要有按钮即可，授权页面自行设计。

<open-data type="userAvatarUrl"></open-data>
    <open-data type="userNickName"></open-data>
    
    
    <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" >
      授权登录
    </button>

> 获取用户信息接口文档：  
> [https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html][https_developers.weixin.qq.com_miniprogram_dev_api_open-api_user-info_wx.getUserInfo.html]

逻辑代码：

Page({ 
    
      data: { },
    
      /** * 授权按钮 * [该函数用户拒绝授权后也会触发] * [用户拒绝授权后要做的事] * @return void */
      bindGetUserInfo:function(e)
      { 
    
        // 用户信息
        // console.log(e.detail.userInfo)
    
        // 直接跳转页面(拒绝了授权)
        wx.reLaunch({ 
          url: '/pages/menu/homePage/homePage',
        })
    
      },
    
      /** * 生命周期函数--监听页面加载 */
      onLoad: function(options)
      { 
    
        /** * 检查是否已授权 * [已授权的话] 直接跳转页面 */
    
         // 检查是否授权
          wx.getSetting({ 
            success(res) { 
              if (res.authSetting['scope.userInfo']) { 
    
                // 已授权(可直接调用getUserInfo获取头像昵称)
                wx.getUserInfo({ 
                  success(res) { 
    
                    // 用户信息
                    // console.log(res.userInfo)
    
                    // 直接跳转页面(不在询问)
                    wx.reLaunch({ 
                      url: '/pages/menu/homePage/homePage',
                    })
    
                  }
                })
              }
              // 未授权则会询问用户授权
            }
          })
      },
    
    })

[https_developers.weixin.qq.com_community_develop_doc_0000a26e1aca6012e896a517556c01]: https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01
[20201011221805109.gif_pic_cener]: /images/20221123/4cc8d67350c94b24ac244d423fbace73.png
[https_developers.weixin.qq.com_miniprogram_dev_api_open-api_user-info_wx.getUserInfo.html]: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html