美文网首页微信小程序
微信小程序获取用户信息

微信小程序获取用户信息

作者: wsgdiv | 来源:发表于2021-01-29 23:36 被阅读0次

1、<open-data></open-data> :只是简单的获取头像、用户名用于显示

  <open-data class="user-avatar" type="userAvatarUrl"></open-data>
  <open-data class="user-name" type="userNickName" lang="zh_CN"></open-data>

其中,type="userAvatarUrl"是获取用户头像,type="userNickName"是获取用户昵称,具体使用详情查看小程序开发文档,此方法仅用于直接简单的展示用户信息。
2、使用 <button open-type="getUserInfo">获取用户信息
在用户未授权过的情况下调用此接口,将不再出现授权弹窗,会直接进入 fail 回调。
在用户已授权的情况下调用此接口,可成功获取用户信息。
1、在项目首页直接调用getUserInfo方法,若从未授权过,跳转到授权页面引导用户手动授权

 <button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo" >

需注意:bindgetuserinfo="onGetUserInfo"
用户点击该按钮时,会返回获取到的用户信息,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效。
所以,不再需要写设置页提示框以及对应的设置页面,好方便啊!!!

onLoad: function (e) {
      let that = this;
      // 获取用户信息
      wx.getSetting({
       success(res) {
        // console.log("res", res)
        if (res.authSetting['scope.userInfo']) {
         console.log("已授权=====")
         // 已经授权,可以直接调用 getUserInfo 获取头像昵称
         wx.getUserInfo({
          success(res) {
           console.log("获取用户信息成功", res)
           that.setData({
            name: res.userInfo.nickName,
            avatarUrl: res.userInfo.avatarUrl
           })
          },
          fail(res) {
           console.log("获取用户信息失败", res)
          }
         })
        } else {
         console.log("未授权=====")
        //  that.showSettingToast("请授权")
        }
       },
       onGetUserInfo: function(e) {
        console.log(e.detail.userInfo)
       }
      })
     },

相关文章

网友评论

    本文标题:微信小程序获取用户信息

    本文链接:https://www.haomeiwen.com/subject/oydctltx.html