最近微信更新了获取用户信息api,原先的getuserInfo基本不能用了,取而代之的是getUserProfile,那我们来看看最新的api该怎么用吧

区别:
getUserProfile

  • wx.getUserInfo 不在返回用户授权的头像昵称,只返回匿名信息,但 wx.getUserProfile 会返回用户授权的头像和昵称。
  • wx.getUserInfo 授权成功后,当下次调用时,不会再次弹窗,可以直接获取授权成功返回数据,但 wx.getUserProfile 每次都会弹窗,用户确认允许后才可以拿到用户信息
  • wx.getUserProfile 可以获取用户信息和昵称后,可以存在自己服务器,不然弹窗太多影响用户体验
  • wx.getUserProfile 接口返回的 iv、encryptedData 解密获取不到 unionid,请使用 wx.login 获取 unionid;

2.使用
之前getUserInfo是使用open-type,但是getUserProfile是不能用open-type的,所以就直接用事件调用吧

<view class="container"><view class="userinfo"><block wx:if="{{!hasUserInfo}}"><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button><button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button></block><block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text></block></view>
</view>Page({data: {userInfo: {},hasUserInfo: false,canIUseGetUserProfile: false,},onLoad() {if (wx.getUserProfile) {this.setData({canIUseGetUserProfile: true})}},getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认// 开发者妥善保管用户快速填写的头像昵称,避免重复弹窗wx.getUserProfile({desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写success: (res) => {this.setData({userInfo: res.userInfo,hasUserInfo: true})}})},getUserInfo(e) {// 不推荐使用getUserInfo获取用户信息,预计自2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息this.setData({userInfo: e.detail.userInfo,hasUserInfo: true})},
})

微信小程序获取用户信息(getUserProfile)相关推荐

  1. 微信小程序获取用户信息

    微信小程序获取用户信息 微信小程序获取用户信息接口做了调整: 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像.昵称.性别与地区),将直接获 ...

  2. 微信小程序获取用户信息-头像、昵称......

    微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 目录 微信小程序获取用户信息-头像.昵称等,并出现弹窗提示授权 1.wx.getUserProfile文档 2.代码演示 3.演示过程(图示) ...

  3. 微信小程序获取用户信息流程(2022年版)

     开门见山地说,本文主要讲述微信小程序在2022年以后获取用户信息的主要方法,如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话,推荐博主的下面这篇博客 ...

  4. 微信小程序获取用户信息(含服务端)

    本文获取用户信息方式需要服务端配合,纯前端的可查看 微信小程序获取用户信息(纯前端) 若需获取 openid 和用户信息,可使用 wx.getUserInfo() 获取加密后的信息,传给服务端后解密. ...

  5. 微信小程序获取用户信息(纯前端)

    特别说明 2022年10月25日起,小程序 wx.getUserProfile 接口将被收回. 微信官方不希望开发者直接拿用户的昵称和头像,若小程序需要设置昵称和头像,可以单独开发一个设置页,由用户手 ...

  6. 微信小程序 获取用户信息并保存登录状态

    微信小程序 获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...

  7. 微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ

    微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...

  8. PHP 微信小程序获取用户信息

    小程序授权应用场景:先拿到用户信息(先wx.login获取code,code换取用户session_key,再wx.getuserInfo获取到用户的encryptedData iv ,再通过调用官方 ...

  9. 微信小程序获取用户信息,得到是匿名信息,微信用户,问题解决

    文章目录 微信小程序获取用户信息,得到是匿名信息,微信用户,问题解决 1.官方声明 2.究其原因 3.登陆流程变更 4.实际情况 5.PC 端兼容注意点 微信小程序获取用户信息,得到是匿名信息,微信用 ...

  10. 微信小程序获取用户信息更新解决方案

    微信小程序获取用户头像和昵称更新了,以下代码是兼容旧版本微信和新版本微信的解决方案,仅供参考 直接上代码 <template><!-- 顶部用户信息显示 --><view ...

最新文章

  1. 2018 ACM博士论文奖公布:伯克利博士获奖,清华姚班马腾宇荣誉提名(附论文链接)...
  2. 第一次用access的数据库是连接字符串问题
  3. C++类对象成员、动态对象、new、delete运算符申请动态空间(C++初学面向对象)
  4. (转)OO设计初次见面
  5. Eclipse开发程序,取得新的工程后,启动Web服务出错原因总结
  6. Android开发入门案例
  7. wifi信道12为啥没人用_为什么我的无线路由器没有WIFI信道设置
  8. ascll码和常用5000汉字(做字库可能会用到)
  9. java 获取全球国家名称,语言,简称
  10. 证照之星下载证件照制作软件ps及使用教程,附序列号秘钥激活码
  11. idea文件夹代颜色代表的含义
  12. shader篇-高光反射模型
  13. 【CTA系列】Kelly公式在最优f问题上的应用
  14. jnhs中国的省市县区邮编坐标mysql数据表
  15. flutter中的点击事件
  16. 计算机的硬盘 u盘启动,设置U盘启动和硬盘启动两种差别教程步骤
  17. 手把手教你学Python之波士顿房价预测(scikit-learn的应用)
  18. 小菊的语义分割1——语义分割科普Semantic Segmentation
  19. STM32RTC简单万年历制作
  20. 如何查看wsdl文档

热门文章

  1. 问剑java_中秋国庆佳节 十大Java手机网游推荐
  2. 5天学会Linux C高级
  3. Codeforces Round #636 (Div. 3) ——A. Candies 题解
  4. 使用tesseract识别二维码
  5. python学习中符号报错的一点总结
  6. 如何处理嵌套的回调并避免“回调地狱”
  7. 华为荣耀20和x10比较_华为畅享20和荣耀x10区别:功能与体验大大不同
  8. python openpyxl包excel 绘制 线性图表
  9. 小黑小波比.类型转换
  10. php怎么让数组转换为字符串,php如何将数组转换为字符串