【项目问题】微信小程序通过用户授权获取信息 getUserInfo？getUserProfile？

最新推荐文章于 2024-11-28 19:16:31 发布

@Dai

最新推荐文章于 2024-11-28 19:16:31 发布

阅读量397

点赞数

CC 4.0 BY-SA版权

分类专栏：项目问题文章标签：前端前端框架 javascript 微信小程序微信开放平台

本文链接：https://blog.youkuaiyun.com/weixin_46318413/article/details/127363562

项目问题专栏收录该内容

27 篇文章

订阅专栏

本文介绍微信小程序在新版本中getUserInfo接口变化及getUserProfile的使用，提供如何在不同版本间进行适配的示例代码，确保在获取用户信息时兼容老版本和新需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getUserInfo

<!--template-->
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">获取用户信息</button>

//e => 2021年4月28日24时后发布的小程序新版本：获取到用户的匿名数据；旧版本获取的是用户的真实数据。（如果要更新版本那就需要做适配）
getUserInfo(e){
	console.log('getUserInfo',e)
}

getUserProfile

获取用户信息。页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo。

<!--template-->
<button type="primary" @click="getUserProfile" v-if="!hasUserInfo">获取用户信息</button>

getUserProfile() {
	wx.getUserProfile({
		desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
		success: (res) => {
			console.log('getUserProfile',res)
		}
	})
},

如何做适配？

在OnLoad中判断当前版本有没有 getUserProfile 这个方法，再去逻辑判断用哪种方式

<!--template-->
<button type="primary" @click="getUserProfile" v-if="canIUseGetUserProfile">获取用户信息</button>
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo" v-else>获取用户信息</button>

onLoad() {
	if(wx.getUserProfile){
		this.canIUseGetUserProfile = true
	}
},