这篇文章将为大家详细讲解有关微信小程序如何获取用户信息,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
具体如下:
在此之前,小程序获取微信的头,像昵称之类的用户信息,我用的都是天气。getUserInfo,例如:
onLoad:, function (选项),{
var 才能;that =,;//才能获取用户信息
wx.getUserInfo({才能
成功,,,:,function (res), {
,,,,,console.log (res);
,,,,,that.data.userInfo =, res.userInfo;
,,,,,that.setData ({
,,,,,,,用户信息:that.data.userInfo
,,,,,})
,,,}
})才能
}, <代码> wx.getUserInfo> 范围。用户信息>
但是! ! !重点来了,自从微信接口有了新的调整之后这个<代码> wx.getUserInfo() 便不再出现授权弹窗了,需要使用按钮做引导~
& lt; ! - wxml祝辞
& lt; !——,需要使用,button 来授权登录,——比;
& lt; button wx:如果=皗{canIUse}}“,开式=癵etUserInfo", bindgetuserinfo=癰indGetUserInfo"在授权登录& lt;/button>
& lt; view wx: else>请升级微信版本& lt;/view> js:
页面({
,数据:{
canIUse才能:wx.canIUse (& # 39; button.open-type.getUserInfo& # 39;)
},
,onLoad:函数(),{//,才能查看是否授权
wx.getSetting({才能
,,,成功:函数(res) {
,,,if (res.authSetting [& # 39; scope.userInfo& # 39;]), {
,,,,//,已经授权,可以直接调用,getUserInfo 获取头像昵称
,,,,wx.getUserInfo ({
,,,,,:成功,函数(res), {
,,,,,,console.log (res.userInfo)
,,,,,}
,,,,})
,,,}
,,}
})才能
},
,bindGetUserInfo:函数(e), {
console.log才能(e.detail.userInfo)
,}
}) 这就是等于一步变两步了~现在用按钮的话可以在产品上多加引导,不会显得那么突兀的出来一个弹窗了
然鹅,如果你仅仅只是想展示用户信息的话,那便使用公开数据吧,如下:
& lt; !——,如果只是展示用户头像昵称,可以使用,& lt; open-data /祝辞,组件,——比;
& lt; open-data 类型=皍serAvatarUrl"祝辞& lt;/open-data>
& lt; open-data 类型=皍serNickName"祝辞& lt;/open-data> 只需要这两行wxml的代码,便可展示微信昵称和头像,是不是很惊喜!
关于“微信小程序如何获取用户信息”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
