微信小程序获取用户信息

1、<open-data></open-data>：只是简单的获取头像、用户名用于显示

其中，type="userAvatarUrl"是获取用户头像，type="userNickName"是获取用户昵称，具体使用详情查看 小程序开发文档 ,此方法仅用于直接简单的展示用户信息。

2、使用 <button open-type="getUserInfo">获取用户信息

在用户未授权过的情况下调用此接口，将不再出现授权d窗，会直接进入 fail 回调。

在用户已授权的情况下调用此接口，可成功获取用户信息。

1、在项目首页直接调用getUserInfo方法，若从未授权过，跳转到授权页面引导用户手动授权

需注意： bindgetuserinfo="onGetUserInfo"

用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效。

所以，不再需要写设置页提示框以及对应的设置页面，好方便啊！！！

小程序自上线以来，官方一直在调整API，因此也出现了一批被废弃的接口，作为程序员的我们，此时此刻千万不能为这不断的变化而感到头疼，应当与时俱进，不断的更新自己的知识储备和应用技能。

以下是原公告：

为优化用户体验，使用 wx.getUserInfo 接口直接d出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法d出授权询问框，默认调用失败。正式版暂不受影响。

开发者可使用以下方式获取或展示用户信息：

一、小程序

1、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。

详情参考文档: https://developers.weixin.qq.com/miniprogram/dev/component/button.html

2、使用 open-data 展示用户基本信息。

详情参考文档: https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

wxml：

js:

效果如图所示：控制台之中打印出昵称，微信头像等个人信息。

wxml:

js:

效果如下：控制台之中打印出昵称，微信头像等个人信息。

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

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、剩下的就简单多了 可以拿着手机号码进行信任登陆了 ！

---