微信小程序三种获取用户信息的方式

    科技2026-03-11  6

    一、通过<open-data>组件:

      <open-data type="userAvatarUrl"></open-data> <open-data type="userNickName"></open-data> <open-data type="userCountry"></open-data> <open-data type="userCity"></open-data>

    优点: 不需要用户授权可以直接获取本人的微信头像名称等信息

    缺点: 只能获取自己的信息,不能获取其他人的;同时获取到的信息只能够用于前端显示,js获取不到

     

    二、通过wx.getUserInfo()函数:

      wx.getUserInfo({ success: (res)=>{ console.log(res) } })

    优点: 可以获取到用户的信息,通过js操作

    缺点: 微信小程序为了优化用户体验,调用此API时如果用户未授权不再弹出申请授权的弹窗,所以调用前必须要通过wx.getSetting 判断用户的授权状态,同时如果未授权还需要依赖第三种方式获取授权。

     

    三、通过 <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button> 获取

    <button open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button> getUserInfo(e){ console.log(e) } 优点: 这是微信小程序推荐的用法,可以直接唤起授权弹窗(唯一的方式),返回的e中就包含了获取到的用户信息

    缺点: 相对麻烦一点

    Processed: 0.068, SQL: 10