微信小程序~App.js中获取用户信息

Myth丶恋晨 2021-11-02 13:28 344阅读 0赞

（1）代码：主要介绍下获取用户信息部分

onLaunch: function () {
        // 展示本地存储能力
        var logs = wx.getStorageSync('logs') || []
        logs.unshift(Date.now())
        wx.setStorageSync('logs', logs)
    
        // 登录
        wx.login({
          success: res => {
            // 发送 res.code 到后台换取 openId, sessionKey, unionId
          }
        })
        // 获取用户信息
        wx.getSetting({
          success: res => {
            if (res.authSetting['scope.userInfo']) {
              // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
              wx.getUserInfo({
                success: res => {
                  // 可以将 res 发送给后台解码出 unionId
                  this.globalData.userInfo = res.userInfo
    
                  // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
                  // 所以此处加入 callback 以防止这种情况
                  if (this.userInfoReadyCallback) {
                    this.userInfoReadyCallback(res)
                  }
                }
              })
            }
          }
        })

onLaunch为小程序生命周期---小程序初始化

![1291869-20190630212022287-1519811466.png][]

（2）获取用户数据

wx.getSetting(\{...\})或者wx.openSetting(\{...\})

开发者可以调用 wx.openSetting 打开设置界面，引导用户开启授权

参数：

![1291869-20190630212350847-803754218.png][]

obj.success 的成功回调函数参数：

![1291869-20190630212502184-1540334429.png][]

wx.openSetting({
        success:function(res){
            
        }
    })
    或者

wx.openSetting(\{  
    success=>res\{  
  
    \}  
\})

AuthSetting

用户授权设置信息

<table> 
 <thead> 
  <tr> 
   <th>scope</th> 
   <th>对应接口</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>scope.userInfo</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html" rel="nofollow">wx.getUserInfo</a></td> 
   <td>用户信息</td> 
  </tr> 
  <tr> 
   <td>scope.userLocation</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html" rel="nofollow">wx.getLocation</a>,&nbsp;<a href="https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.chooseLocation.html" rel="nofollow">wx.chooseLocation</a></td> 
   <td>地理位置</td> 
  </tr> 
  <tr> 
   <td>scope.address</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/open-api/address/wx.chooseAddress.html" rel="nofollow">wx.chooseAddress</a></td> 
   <td>通讯地址</td> 
  </tr> 
  <tr> 
   <td>scope.invoiceTitle</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/open-api/invoice/wx.chooseInvoiceTitle.html" rel="nofollow">wx.chooseInvoiceTitle</a></td> 
   <td>发票抬头</td> 
  </tr> 
  <tr> 
   <td>scope.invoice</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/open-api/invoice/wx.chooseInvoice.html" rel="nofollow">wx.chooseInvoice</a></td> 
   <td>获取发票</td> 
  </tr> 
  <tr> 
   <td>scope.werun</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/open-api/werun/wx.getWeRunData.html" rel="nofollow">wx.getWeRunData</a></td> 
   <td>微信运动步数</td> 
  </tr> 
  <tr> 
   <td>scope.record</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/media/recorder/wx.startRecord.html" rel="nofollow">wx.startRecord</a></td> 
   <td>录音功能</td> 
  </tr> 
  <tr> 
   <td>scope.writePhotosAlbum</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.saveImageToPhotosAlbum.html" rel="nofollow">wx.saveImageToPhotosAlbum</a>,&nbsp;<a href="https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.saveVideoToPhotosAlbum.html" rel="nofollow">wx.saveVideoToPhotosAlbum</a></td> 
   <td>保存到相册</td> 
  </tr> 
  <tr> 
   <td>scope.camera</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/component/camera.html" rel="nofollow">camera</a>&nbsp;组件</td> 
   <td>摄像头</td> 
  </tr> 
 </tbody> 
</table>

代码：

// 获取用户信息
        wx.openSetting({
         
          /*接口调用成功的回调函数*/
          success: res => {
         
            /*success成功回调函数的参数：authorSetting对象*/
            /*authSetting对象属性之一：scope.userInfo授权用户信息*/
            if (res.authSetting['scope.userInfo']) {
         
              /*scope.userInfo（是否授权用户信息，对应接口 wx.getUserInfo）*/
              wx.getUserInfo({
                
              })
            }
          }
        })

（3）获取用户信息

wx.getUserInfo(Object object)获取用户信息

参数：

![1291869-20190630215503991-1705407831.png][]

object.success 回调函数的参数

![1291869-20190630215839286-717606093.png][]

// 获取用户信息
        wx.openSetting({
          success: res => {
            if (res.authSetting['scope.userInfo']) {
              // 必须是在用户已经授权的情况下调用
              wx.getUserInfo({
                success: res => {
                  // globalData函数设置全局变量，方便其他页面调用。
                  this.globalData.userInfo = res.userInfo
                  // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
                  // 所以此处加入 callback 以防止这种情况
                  if (this.userInfoReadyCallback) {
                    this.userInfoReadyCallback(res)
                  }
                }
              })
            }
          }
        })

globalData函数设置全局变量，详见下篇文章[使用globalData函数设置全局变量][globalData]

转载于:https://www.cnblogs.com/jianxian/p/11111484.html

[1291869-20190630212022287-1519811466.png]: /images/20211101/3aa111f07c2445f59d31a1e2f4646951.png
[1291869-20190630212350847-803754218.png]: /images/20211101/907a982961a84f14956bf4928a9550a6.png
[1291869-20190630212502184-1540334429.png]: /images/20211101/1d0f3db39c6249eb965e58d1cd60ecf9.png
[1291869-20190630215503991-1705407831.png]: /images/20211101/1ec13a5e18214fc6a8e0ede5a5265299.png
[1291869-20190630215839286-717606093.png]: /images/20211101/bd76419da2204e80b053e34914c0e154.png
[globalData]: https://www.cnblogs.com/jianxian/p/11111463.html