微信小程序：wx.getUserInfo 接口的变动与使用

问题

在微信小程序开发中，获取用户信息是经常会用到的！在之前，我们直接调用wx.getUserInfo接口，就可以直接获取用户的信息，然而为了安全考虑，从2018年4月30号开始，wx.getUserInfo接口不能直接调用，需要使用引导用户主动进行授权操作，意外就是来的这么突然，防不胜防！！！

处理方法：

1、：只是简单的获取信息用于显示是微信的一个组件，可以用于直接显示用户的信息，根据其type属性来判断获取信息的类型

示例

其中，type="userAvatarUrl"是获取用户头像，type="userNickName"是获取用户昵称，具体使用详情点我 ,此方法仅用于直接简单的展示用户信息。

2、使用获取用户信息使用此方法，即为引导用户主动授权获取用户信息，关键在于引导，主动权在用户手中，此方法相比第一种，可以直接获取到用户的具体信息，而不是仅仅展示，具体使用如下：

wxml中书写：

获取用户信息，一定要注意bindgetuserinfo="onGotUserInfo"，这是获取用户信息的回调 js中书写： onGotUserInfo: function(e) { console.log(e.detail.errMsg) console.log(e.detail.userInfo) console.log(e.detail.rawData) },

3、使用wx.getUserInfo 当用户未授权过，调用该接口将直接报错，即使调用授权接口去检查也没用当用户授权过，可以使用该接口获取用户信息

原文发布时间为：2018年06月23日
原文作者：wjm1818

本文来源：开源中国如需转载请联系原作者

微信小程序：wx.getUserInfo 接口的变动与使用相关推荐

微信小程序wx.request接口
微信小程序wx.request接口 wx.request是小程序客户端与服务器端交互的接口 HTTPS 请求一个微信小程序,只能同时(同时不能大于5个)有5个网络请求 wx.request(OBJE ...
微信小程序wx.getLocation接口审核不通过
审核不通过的原因一般包含这几种: 一.当前提审小程序代码包中地理位置相关接口( wx.getLocation )暂未开通分析原因:接口未开通. 解决方法:按下图申请开通对应的接口即可. 二.你所描述 ...
微信小程序wx.getUserProfile接口的使用
导语-- 1.为什么要增加-getUserProfile接口 2.接口改变之后带来的影响 3.改版之后如何使用getUserProfile接口 1.为什么要增加getUserProfile? 先上链接 ...
小程序wx.getUserInfo获取不到头像
小程序wx.getUserInfo接口改版了,只能获取到用户的身份标识,如果需要获取头像昵称等信息需要调用wx.getUserProfile 小程序公告地址:点击这里
针对小程序wx.getUserProfile接口将被收回后做出的授权调整
小程序文档中提出的调整说明调整说明: 自 2022 年 10 月 25 日 24 时后(以下统称 "生效期" ),用户头像昵称获取规则将进行如下调整: 自生效期起,小程序 wx. ...
关于小程序wx.getUserProfile接口
关于小程序wx.getUserProfile接口的调用最近微信小程序对于审核小程序提出了带有wx.login.wx.getUserInfo接口的调整,并提出了一个新的接口供开发者调用下图是对于新的 ...
微信小程序 open-type=“getUserInfo“ 获取用户信息失败 @杨章隐
open-type="getUserInfo" 获取用户信息失败open-type="getUserInfo" 获取用户信息"微信用户"op ...
微信小程序服务器开小差了,微信小程序wx.request请求封装
微信小程序 wx.request RequestTask wx.request(Object object)发起 HTTPS 网络请求. 示例代码 wx.request({ url: 'test.ph ...
imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
微信小程序之获取接口数据展示
上篇说到获取编辑框文本,没看过去看看. 本片介绍简单的接口数据获取,并且展示,采取模拟数据,拉取数据方式方法.文章最后附上DEMO 本篇暂未考虑美化问题,只看功能.如图: 一.简单介绍 1> w ...

微信小程序：wx.getUserInfo 接口的变动与使用

微信小程序：wx.getUserInfo 接口的变动与使用相关推荐

最新文章

热门文章