微信小程序> 浅谈微信小程序中的授权

浅谈微信小程序中的授权

浏览量:614 时间: 来源:weixin_43011185
<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、用户所在省份
countryString、用户所在国家
languageString、用户的语言,简体中文为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": "你的位置信息将用于小程序位置接口的效果展示"    }

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

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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