小程序获取用户信息

2018-10-14  本文已影响98人  王炳祺

小程序中获取用户信息的方式一般有两种一种需要用户授权,另一种用户不需要授权。
第一种在未授权的情况下可以使用 <open-data>标签获取到用户的头像用户名称等信息。

    直接获取到用户头像
    <open-data type = 'userAvatarUrl'   class=''>

    显示用户名称
    <open-data type = ‘userNickName”/>

另一种用户授权的方式需要通过用户点击button来获取,具体方式如下。

    需要一个 button 用只有点击才能获取
    <button  open-type=“getUserInfo” bindgetuserinfo=“getUserInfo">授权 </button>
   //用户授权以后  小程序通过公户的getUserInfo 中event拿到用户的信息
   
    getUserInfo(event){
          event.detail   //中就可以拿到用户的相关信息
    }

   // 当用户授权通过之后就可以 onLoad中 获得用户的信息

    onLoad(options){
       wx.getSetting({
            success: data => {
                // 判断为true的情况下调用获取用户数据
                if (data.authSetting['scope.userInfo']) {
                    wx.getUserInfo({
                        success: data => {
                            console.log(data)
                        }
                    })
                } else {}
            }
      })
   }

最后总结一下其实两种获取用户信息的方法最大的区别是:用户授权后拿到的信息,可以提交到自己的服务器中保存,而未授权拿到的信息只能在页面中显示无法保存数据。

上一篇下一篇

猜你喜欢

热点阅读