微信小程序获取当前用户信息

一个很常用的功能，但是我还是发现有一些需要注意的地方在里面，简单记录一下。

第一个问题就是这个 button 组件需要添加 open-type 属性，并指定为 getUserInfo 类型，来获取用户基本高首信息。还有另外一种做法，具体可以参考 官方文档的说明 。

放一个动图哈哈哈

js 部分就是响应点击事件，使用 api wx.getUserInfo(Object object)

获取用户信息，注意传递给 wx.getUserInfo 的是一个字典其中碰念洞包含了两个函数分别作为成功和失败的回调函数（callback function）

注意 this 的指代对象发生了变化，最开始的this是指代 Page() 构造出来的对象，在函数里面使用 this 会说未指定，所以我们使用了 that 承接一下，这也算传统艺能咯。

另外一点：获取用户信息时会自动d出一个对话框问用户是否提供信笑枯息，这个d窗只d出一次，如果用户点击了拒绝后来又想改为允许，可以使用 wx.openSetting({})

除了可以获取用户的昵称之外还有很多信息可以得到，还有一个比较常用的就是用户头像了也就是 res.userInfoavatarUrl 。

一.使用 open-data 组件

基本使用 open-data 是微信小程序官方提供的组件，作用是用来展示微信开放的数据。 展示用户头没枝像：

设置样式 若需要给这个组件设置样式，需要在外层包一个 view 标签，为这个标签写样式。如让这个头像显示成圆枯迹敏形：

二、使用 wx.getUserInfo (不推荐使用)

过去获取用户信息一般都是用这种方式。使用时，若用户未授权，会直接d出授权框。 为了优化用户体验，调用这个接口将无法d出授权框州此，而是会默认调用失败。

退出登录信息

微信小程序 在获取用户信息的时候 有特定的要求 ：

button 按钮中open-type有两种方式获取用户的信息：getUserInfo/getPhoneNumber

下面两种信息就是直接展示用户头像和用户微信名但不可州谨获取：

下面我们主要介绍获取微信绑定的手机号的问题：（MPvue模板）

bindGetUserInfo函数中的Even里面包好detail里面会有三个参数：

返回参数的话是需要解密才能使用的，在这里介绍一下第三种使用云调用直接获取开放数据的方式（前端自己解密不需要调用后端接口了~）：

    1、首先你的微信小程序是需要开通云开发的。（否则的话在你获取星系以后没回参数里面是没有cloudID的）。

     2、在云开发里面选择云函数然后新建云函数（注意新建云函数的名字下面需要用到的）

        3、接下就是在获取用户信息以后调用函册尺基数解密：（mp vue 使用的话需要wx.clould.init(）初始化 原生的可以忽略直接调用）

        4、success ：callback里面res 里面包含了当前微信账号大量信息：如手机账号（res.result.weRunData.data.phoneNumber）

        5、剩下的就简单多了 可以拿着手机号码进行信任登陆了困纳 ！

---