微信小程序开发-获取用户信息

1.背景

前段时间，该公司要求开发微信app，并在app上实现现有移动终端的功能。因为我们之前在开发Androidapp，所以我们对这些app并不太了解，但领导要求我们这么做。

经过一段时间的探索，我们可以做一些简单的功能。我们的小程序需要获取微信用户的基本信息和电话号码才能绑定用户。所以我们将在这里记录获取微信用户信息的过程，以备日后查看。

官方微信小程序开发文档：

2.方法：通过Wx获取微信发布的用户信息getUserProfile（Object-Object）方法实际上是通过Wx GetUserInfo（Object Object）获取用户信息。

然而，微信已经对wx进行了调整。getUserInfo接口，所以这里我们提供了最新的wx GetUserProfile（Object Object）方法来获取微信用户信息。

Wx旁边简要介绍了getUserProfile（object object）的参数和返回值。

2.1参数对象属性类型默认值说明

Langstring不显示用户信息的语言

Descstring是获取用户个人信息的目的。不应超过30个字符

Successfunction接口未成功调用回调函数

Failfunction接口没有调用回调函数

Completefunction没有结束接口调用的回调函数（如果调用成功或失败，将执行该函数）

2.2对象。lang的法定值表示最低版本

英语

zh_ CN简体中文

zh_ TW繁体中文

2.3对象。成功回调函数

参数

对象res属性类型描述最低版本

UserInfo用户信息对象

RawDataString不包括用于计算签名的敏感信息的原始数据字符串

Signaturestring使用sha1（rawData+sessionkey）获取字符串，用于验证用户信息。有关详细信息，请参见

EncryptedDatastring完整用户信息的加密数据，包括敏感数据，请参见

ivstring加密算法的初始向量，请参见

cloudIDstring敏感数据对应的云ID将仅由打开的小程序返回，并且可以通过云调用直接获取打开的数据。有关详细信息，请参见

以上方法介绍和参数说明来自官方微信小程序开发文档。

3.第一步是创建一个新的小程序项目和一个测试页面，如下所示：

2.编写代码

首先，给getuserinfo添加以下布局代码到wxml：

申请获取您的公共信息（用户昵称、头像、城市等）从基本用户信息获取用户信息：｛｛userInfoStr｝｝

第二个是getuserinfo在js中添加以下实现代码：

//pages/getuserinfo/getuserinfo.js页面({/**

*页面的初始数据

*/数据：｛userInfo:｛｝，userInfoStr:“”｝/**

*生命周期功能——监听页面加载

*/OnLoad:函数（选项）｛//检查是否授权wx.getSetting（｛成功：函数（res）｛if（res.authSetting['scope.userInfo']）｛console.log（“用户已授权”）；｝否则｛//用户未授权console.log（“用户未授权”）；            }          }        }); }, getUserProfile:函数（res）；｛console.log（“无法获取用户的个人信息：”，res）；//用户按下了拒绝按钮wx.showModal（｛title:“警告”，内容：“您单击了拒绝授权，您将无法进入小程序。请在进入之前进行授权！！”，showCancel:false，confirmText:“返回授权”，成功：function（res）｛//用户未成功授权，不需要更改isHide if（res.confirm）｛console.log（'用户单击了“返回授权”）的值；                    }                  }      });       }    })},})

完成后，将其编译并运行到真实机器上（请注意，您必须将其运行到真实计算机上，否则将报告找不到getUserProfile）。

4.运行结果

运行结果如下：点击“获取基本用户信息”按钮；单击“允许”按钮；单击“拒绝”按钮

好了，这里获取微信用户个人信息的功能基本实现了。

如果这篇文章对你有帮助，用你的小手点赞~

下一篇文章将记录如何获取微信手机号码。