浅谈微信小程序中的授权

<button 
      open-type="getUserInfo" 
      bindgetuserinfo="onGetUserInfo"
      class="userinfo-avatar"
      style="background-image: url({{avatarUrl}})"
    >点击获取</button>

nickName 、String、 用户昵称
avatarUrl、 String 用户头像，最后一个数值代表正方形头像大小（有0、46、64、96、132数值可选，0代表132*132正方形头像），用户没有头像时该项为空。若用户更换头像，原有头像URL将失效。
gender 、String 、用户的性别，值为1时是男性，值为2时是女性，值为0时是未知
city 、String 、用户所在城市
province、 String 、用户所在省份
country String、 用户所在国家
language String 、用户的语言，简体中文为zh_CN

onGetUserInfo: function(e) {
    if (!this.logged && e.detail.userInfo) {
      this.setData({
        logged: true,
        avatarUrl: e.detail.userInfo.avatarUrl,
        userInfo: e.detail.userInfo
      })
    }
  }

//判断是否已经授权，如果是第一次登陆，则logged为false，需要进行授权，然后个人信息给useInfo，这个函数在点击的时候触发

//这个函数实在页面加载的时候触发，wx.getSetting 用于是否已经授权了，如果已经授权，则可以直接获取个人信息，无需点击获取授权。

wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              this.setData({
                avatarUrl: res.userInfo.avatarUrl,
                userInfo: res.userInfo
              })
            }
          })
        }
      }
    })

对于获取个人地理位置这样特殊的信息，需要在app.json中添加字段

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }

然后使用上述的方法，则可以获取。