小程序获取用户信息

简介: 小程序中获取用户信息的方式一般有两种一种需要用户授权,另一种用户不需要授权。第一种在未授权的情况下可以使用 标签获取到用户的头像用户名称等信息。 直接获取到用户头像 显示用户名称 另一种用户授权的方式需要通过用户点击button来获取,具体方式如下。

小程序中获取用户信息的方式一般有两种一种需要用户授权,另一种用户不需要授权。
第一种在未授权的情况下可以使用 <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{
            }
           }
         })
        }
    })

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

相关文章
|
缓存 小程序 JavaScript
4.1【微信小程序全栈开发课程】个人中心(一)--页面样式、用户信息展示
第四章,我们来完善个人中心,主要操作是src/pages/me文件夹中的me.vue文件,先看看个人中心页面的效果:
1592 0
4.1【微信小程序全栈开发课程】个人中心(一)--页面样式、用户信息展示
|
3月前
|
JSON 小程序 前端开发
|
3月前
|
存储 JavaScript 小程序
|
3月前
|
小程序 前端开发 Java
|
6月前
|
小程序
微信小程序用户登陆和获取用户信息功能实现
微信小程序用户登陆和获取用户信息功能实现
109 0
|
6月前
|
存储 小程序 定位技术
微信小程序获取用户信息流程
微信小程序获取用户信息流程
|
小程序 前端开发 JavaScript
使用 Uniapp + UniCloud 云开发微信小程序获取用户信息
使用 Uniapp + UniCloud 云开发微信小程序获取用户信息
1738 0
使用 Uniapp + UniCloud 云开发微信小程序获取用户信息
|
小程序 前端开发 Java
JAVA 微信小程序 解密 用户信息encryptedData
JAVA 微信小程序 解密 用户信息encryptedData
752 0
JAVA 微信小程序 解密 用户信息encryptedData
|
缓存 小程序 开发者
微信小程序wx.getUserProfile接口获取用户信息的使用
微信小程序wx.getUserProfile接口获取用户信息的使用
1373 0
|
小程序
微信小程序用户授权弹窗,获取用户信息。用户拒绝授权时,引导用户去重新授权
微信小程序用户授权弹窗,获取用户信息。用户拒绝授权时,引导用户去重新授权
527 0