uni-app 新版微信用户获取userInfo方法uni.getUserProfile

最新推荐文章于 2025-05-09 08:49:42 发布

原创最新推荐文章于 2025-05-09 08:49:42 发布 · 置顶 · 1.6w 阅读

14 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uni-app #小程序

收录于

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了uni-app中微信登录的新方法uni.getUserProfile。由于微信更新了获取用户信息的方法，旧版方法已无法正常获取用户头像等信息。本文详细说明了如何使用新的<button>标签结合@click事件来实现用户信息的获取。

uni-app 新版微信用户获取userInfo方法 uni.getUserProfile

微信更新了新的获取用户信息的方法，之前的getUserInfo方法获取不到用户的头像等信息，继续使用也会得到灰色的头像不是真正的用户头像

之前的获uniapp 中获取用户信息方法：

<button open-type="getUserInfo" @getuserinfo="getUserInfo">立即登录</button>

新的获取用户信息方法：

//不要使用 open-type 就简单的一个@click 事件
//方法：
<button  @click="getUserInfo">请登录</button>

对应的 js:

getUserInfo(){
               console.log("aaaa")
               uni.getUserProfile({
                   desc:'Wexin',     // 这个参数是必须的
                   success:res=>{
                       console.log("用户信息",res.rawData)
                   }
               })
          }