小程序获取微信用户信息（小程序获取微信用户信息怎么取消）

大家好！今天让创意岭的小编来大家介绍下关于小程序获取微信用户信息的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

ChatGPT国内免费在线使用，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com

本文目录:

• 1、怎样开发微信小程序获取用户个人信息

• 2、微信小程序用户信息获取接口的调整

• 3、微信小程序可以获取用户信息有哪些

• 4、微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

一、怎样开发微信小程序获取用户个人信息

微信小程序有两种获取用户信息的方案。

1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息) 

2、包含敏感信息openId的基本信息。

第一种获取方案

1、首先调用wx.login()接口 让用户授权验证，也就是我们肉眼观察到的，你是否对xxxxx授权这种信息。 

2、用户成功授权后，调用wx.getUserInfo() 接口获取用户信息。

完整代码如下

wx.login({ success:function(){ wx.getUserInfo({  success:function(res){  var simpleUser = res.userInfo;  console.log(simpleUser.nickName);  } }); }});

第二种比较复杂了，需要与后台进行交互才能获得userInfo，但是这种方案获得的数据是完整的(包含openId)。

1、调用wx.login()接口 授权 在success 成功函数的参数中包含code。 

2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv 

3、将上述参数传给后台解析，生成userInfo

二、微信小程序用户信息获取接口的调整

微信小程序对于用户信息获取进行了接口调整。调用 wx.getUserInfo(Object object) 不会再由弹窗授权提示。在已授权时，可以直接获取用户信息；否则则直接进入 fail 回调函数。

用户的授权状态可以用 wx.getSetting() 接口的请求的结果

res.authSetting['scope.userInfo'] 来判断。

那么在接口调整后，再进行授权登录则需要通过 open-data 来实现。

注：如果用户微信版本不支持open-data，需要提示用户升级。这次接口的调整实际上使得按一次弹窗中的授权按钮即可授权的操作变成了需要按两次，并且需要额外设计授权页面或者在主页先进行一次弹窗引导用户授权。实际上更加繁琐。

三、微信小程序可以获取用户信息有哪些

在用户同意授权的情况下，可以获取用户的头像图片，微信昵称和绑定微信的手机号

四、微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

先做小程序“我的”页面，需要注意的有两个点：

先上图，有图才有真相：

这一块我增加了一个隐藏的button, 未获取到用户信息时，显示为默认头像和“微信授权”的文字提示，登陆后，头像变为微信头像，文字变为微信昵称。

具体ui为判断没有授权则显示默认头像及提示，并在其上层覆盖一个透明的button，用户触发授权事件。

在js中需要注意的是，open-type="getUserInfo"需要做老版本兼容，老版本通过wx.getUserInfo即可唤起授权页面，不需要添加button去触发

详情见下一篇： 微信小程序：“我的”页面布局（二）：可配置功能菜单列表

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（二）：可配置功能菜单列表

以上就是关于小程序获取微信用户信息相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

下单小程序怎么做(微信下单小程序怎么做)

小程序开发接单平台（微信小程序怎么制作自己的程序）

怎么创建一个自己的小程序（怎么创建一个自己的小程序呢）

跟理想很像的车标（跟理想很像的车标是什么车）

向客户推荐产品的话术（向客户推荐产品的话术发朋友圈）