首页 > 微信 > 详细

小程序获取用户信息的不同方式

时间:2019-12-06 14:38:16      阅读:112      评论:0      收藏:0      [点我收藏+]

使用标签open-data ,和属性type(wxml)

可在wxml显示用户信息(自己的), 只能显示,但不能获取信息

type:

  userAvatarUrl(用户头像)、

  userNickName(用户昵称)、

   userCountry(用户国家)、

  userCity(用户城市

例如:

 

<open-data type="userNickName"></open-data>

 

<open-data type="userCountry"></open-data>

 

<open-data type="userCity"></open-data>

 

<open-data type="userAvatarUrl"></open-data> <!--获取用户的头像并显示-->
技术分享图片

 

使用wx.getUserInfo(js)

注意:新版的wx.getUserInfo,不在弹出授权提示框,如果在未授权情况下使用--获取失败,使用先确保已授权

wx.getUserInfo({
success: (res) => {
console.log("getUserInfo success:",res)
},
fail:(res)=>{
console.log("getUserInfo fail:", res)
}
})
 
已授权(.userInfo获取到用户信息):

//getUserInfo success:{

//此内容同下下下下下图中 detail对象的内容

}

未授权:

//getUserInfo fail: {errMsg: "getUserInfo:fail scope unauthorized"}

 

使用授权按钮--获取用户授权

  1. button标签, 
  2. 属性open-type="getUserInfo",
  3. 绑定事件处理出程序xxx,bindgetuserinfo="xxx"

wxml:

<button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">获取用户信息</button>
js:
onGetUserInfo(event){
  console.log("onGetUserInfo event:",event)
}
操作点击按钮弹出授权框
技术分享图片技术分享图片
 
拒绝如下:

 技术分享图片

授权如下(detail.userInfo获取到用户信息):
技术分享图片

技术分享图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
 

 

 

小程序获取用户信息的不同方式

原文:https://www.cnblogs.com/baixinL/p/11994246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!