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

小程序获取用户信息

作者: 王炳祺 | 来源:发表于2018-10-14 22:37 被阅读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 {}
                }
          })
       }
    

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

    相关文章

      网友评论

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

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