【微信官方】获取用户信息方案介绍
背景
✦✦01✦✦
小程序一个比较重要的能力就是获取用户信息,也就是使用 wx.getUserInfo
接口。我们发现几乎所有的小程序都会调用这个接口。虽然我们在设计文档上有提出最好的设计是在真正要用户信息的情况下才去获取用户信息,不过很多开发者并没有按照我们的期望去做,导致用户在使用的时候有很多困扰。
归结起来有几点:
- 开发者在首页直接调用
wx.getUserInfo
进行授权,弹框有会使得一部分用户放弃小程序的使用。 - 开发者没有处理用户拒绝弹框的情况,有部分小程序强制要求用户授权头像昵称等信息才能继续使用小程序。
- 用户没有很好的方式重新授权,虽然在前几个版本我们增加了
设置
页面可以让用户选择重新授权,但是操作还是不够便捷。 - 开发者希望进到首页就获取到用户的
unionId
,以便和之前已经关注了公众号的用户画像关联起来。 - 开发者默认将
wx.login
和wx.getUserInfo
绑定使用,这个是由于我们一开始的设计缺陷和实例代码导致:getUserInfo
必须通过wx.login
在后台生成session_key
后才能调用。
为了解决以上几点,我们更新了三个能力:
- 使用组件来获取用户信息,用户拒绝授权后也可以重新弹窗再次授权
- 若用户满足一定条件(下文有详细介绍),则可以用
wx.login
获取到的code直接换到unionId
-
wx.getUserInfo
不依赖wx.login
就能调用得到数据。 获取用户信息组件介绍
✦✦02✦✦
组件变化:
-
open-type
属性增加getUserInfo
:用户点击时候会触发bindgetuserinfo
事件。 - 新增事件
bindgetuserinfo
:当open-type
为getUserInfo
时,用户点击会触发。可以从事件返回参数的detail
字段中获取到和wx.getUserInfo
返回参数相同的数据。
示例:
<button open-type="getUserInfo" bindgetuserinfo="userInfoHandler"> Click me </button>
和 wx.getUserInfo
不同之处在于:
- API
wx.getUserInfo
只会弹一次框,用户拒绝授权之后,再次调用将不会弹框 - 组件 由于是用户主动触发,不受弹框次数限制,只要用户没有授权,都会再次弹框
直接获取unionId
✦✦03✦✦
考虑很多场景下,业务方申请userinfo授权主要为了获取unionid。我们鼓励开发者在不骚扰用户的情况下合理获得unionid,而仅在必要时才向用户弹窗申请使用昵称头像。为此,凡使用“获取用户信息组件”获取用户昵称头像的小程序,在满足以下全部条件时,将可以静默获得unionid。
- 在微信开放平台下存在同主体的App、公众号、小程序。
- 用户关注了某个相同主体公众号,或曾经在某个相同主体App、公众号上进行过微信登录授权。
getUserInfo 和 login
✦✦04✦✦
很多开发者会把login和getUserInfo捆绑调用当成登录使用,其实login已经可以完成登录,可以建立账号体系了,getUserInfo只是获取额外的用户信息。
在login获取到code,然后发送到开发者后端,开发者后端再通过接口去微信后端换取到openid和sessionKey(并且现在会将unionid也一并返回)之后,然后把3rd_session返回给前端,就已经完成登录行为。而login行为是静默,不必授权的,不会对用户造成骚扰。
getUserInfo只是为了提供更优质的服务而存在,比如展示头像昵称,判断性别,通过unionId和其他公众号上已有的用户画像结合起来提供历史数据。所以不必在刚刚进入小程序的时候就强制要求授权。
推荐使用方法
✦✦05✦✦
- 调用
wx.login
获取code
,然后从微信后端换取到sessionKey
,用于解密getUserInfo
返回的敏感数据。 - 使用
wx.getSetting
获取用户的授权情况- 如果用户已经授权,直接调用 API
wx.getUserInfo
获取用户最新的信息 - 用户未授权,在界面中显示一个按钮提示用户登入,当用户点击并授权后就获取到用户的最新信息。
- 如果用户已经授权,直接调用 API
- 获取到用户数据后可以进行展示或者发送给自己的后端。
文档中的quickStart已经更新
特别注意
✦✦06✦✦
为了给用户提供更好的小程序环境,我们约定在一段时间后(具体时间会做通知),若还出现以下情况(包括但不限于),将无法通过审核
- 初次打开小程序就弹框授权用户信息
- 未处理用户拒绝授权的情况
- 强制要求用户授权
已经上线的小程序不会受到影响。
- 基础篇章:关于 React Native 之 Switch 和 ProgressBarAndroid 组件的讲解
- Android 实现视屏播放器、边播边缓存功能、外加铲屎(IJKPlayer)
- 基础篇章:关于 React Native 之 ToolbarAndroid 组件的讲解
- Android M 权限最佳实践
- Android自定义ViewGroup神器-ViewDragHelper
- Android 中常见的内存泄漏
- Android 高级自定义Toast及源码解析
- 环境配置:React Native 开发环境配置 For Android
- 美团多渠道打包方案详解,速度快到白驹过隙
- 下一代Android渠道打包工具
- 01 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之业务分析与DAO层
- 通俗易懂的分析如何用Python实现一只小爬虫,爬取拉勾网的职位信息
- 我的第一个小程序(Discuz! + 微信小程序)
- 微信小程序 wx.request 的封装
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- RabbitMQ与Kafka选型对比
- Hibernate进阶篇(三)——transaction简介
- Elastic search N-gram tokenizer
- java.io.IOException: com.esotericsoftware.kryo.KryoException: Encountered unregistered class ID: 110
- io.protostuff.runtime.RuntimeUnsafeFieldFactory cannot have the same number
- dubbo 调用报Null 空指针 ,可能并不是真正的空指针
- Hibernate单表操作(四)——组件属性
- Dubbo consumer消费端启动报错java.lang.RuntimeException: [source error] not available in a static method: h
- Groovy小记it关键字和IDE报错
- 05 . Jenkins定制主题和设置项目构建信息输出颜色
- 腾讯云物联网平台使用报告
- 01 . PostgreSQL简介部署
- 01 . Git常用命令及方法和分支管理
- 记一次公司mssql server密码频繁被改的事件
- elasticsearch 同义词更新,不同集群返回更新节点个数不一样