微信小程序获取用户信息、获取用户手机号码

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

<button class="getPhoneNumber" open-type="getPhoneNumber" @getphonenumber="bindGetUserInfo">微信一键登录</button>

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

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

<open-datatype="userAvatarUrl"></open-data> <open-datatype="userNickName"></open-data>

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

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

返回参数

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

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

云开发的位置

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

新建云函数

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

开发

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

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