本篇文章给大家谈谈微信小程序开发获取手机号，以及微信小程序开发获取手机号失败对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
- 1、微信小程序获取用户手机号码
- 2、微信小程序模拟点击input框获取用户手机号
- 3、微信小程序获取用户信息、获取用户手机号码
微信小程序获取用户手机号码
获取用户手机号码 分为以下几步：
此处定义
getPhoneNumber 是微信官方要求，获取用户手机号码授权
onGetPhoneNumber是回调函数，获取授权后会回调到该方法，也就是获取的电话号码就在这个函数的返回值里面。当然这个函数是自定义的，名字大家可以随便起，上面的getPhoneNumber可不能随便修改。
接着我们通过授权之后，获取第三个参数iv，调用下面方法进行服务端解密
that.deciyption(sessionID,encryptedData,iv);
微信小程序模拟点击input框获取用户手机号
最近在做一个小程序时遇到这样一个需求：要求在点击input框时获取用户的手机号还可以进行修改。但是我们都知道微信小程序获取手机号是通过button按钮的bindgetphonenumber属性来实现的，那么怎么能在input获得焦点时，获取用户手机号呢？
首先，我们先来了解一下怎么通过button按钮来获取用户的手机号。在微信公众平台上，button按钮有一个open-type和bindgetphonenumber的属性：
具体如下：
1.wxml:
button open-type=”getPhoneNumber” bindgetphonenumber=”getPhoneNumber”输入手机号/button
2.js
在这里我们需要注意首先要获取用户的openid和session_key,获取方式如下：
app.js:
wx.login({
//获取code
success: (res) = {
var code = res.code; //返回code
this.globalData.code = code;
this.globalData.appId = ‘wx5a9ded8ac4b1feb3’;
this.globalData.secret = ‘7ccbca95ddc8baf065194b533043a783’;
wx.request({
url: ” + this.globalData.appId + ‘secret=’ + this.globalData.secret + ‘js_code=’ + code + ‘grant_type=authorization_code’,
data: {},
header: {
‘content-type’: ‘json’
},
success: (res) = {
var openid = res.data.openid //返回openid
this.globalData.openId = openid;
this.globalData.session_key = res.data.session_key;
wx.request({
url: this.globalData.req_url + ‘/WechatUser/dealUserMsg’,
method:’post’,
header: { ‘content-type’: ‘application/x-www-form-urlencoded’ },
data:{
openId:openid
},
success:res={
console.log(res);
}
})
}
})
}
})
index.js:
// 点击按钮获取手机号
getPhoneNumber(e) {
wx.request({
url: appData.req_url + ‘/WXCore/decrypt’,
data:{
openId: appData.openId,
encryptedData: e.detail.encryptedData,
sessionKey: appData.session_key,
iv: e.detail.iv
},
header: {
‘content-type’: ‘json’
},
success: res = {
this.setData({
inputShow: true
})
if(!res.data.res){
console.log(‘未绑定手机号’);
}else{
this.setData({
phoneNumber: res.data.bindPhone
})
}
}
})
},
结果如下：
点击允许，这个时候后台会对传过去的数据进行解密（具体度娘搜索微信小程序手机号码解密），就会将手机号码返回。
ok，通过button我们成功的拿到了手机号码，那么怎么能在input框获取焦点时拿到手机号码，并且可以修改呢？
经过a long long time的思考，终于想出了一个土办法。那就是将一个button标签和一个input框通过绝对定位重叠在一起，然后将button标签做成input框的样子，在我们第一次点击的时候成功获取到手机号以后，将button标签通过标志位隐藏，而让input标签显示，并将拿到的手机号码赋给input的value值，如此便可以实现模拟input框获得焦点时获取用户的手机号！！！
虽然土，但是成功将效果实现了不是？
最后给大家和我自己送上一份心灵鸡汤：
你想要的永远和你付出的成正比。
微信小程序获取用户信息、获取用户手机号码
微信小程序 在获取用户信息的时候 有特定的要求 ：
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、剩下的就简单多了 可以拿着手机号码进行信任登陆了 ！
微信小程序开发获取手机号的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于微信小程序开发获取手机号失败、微信小程序开发获取手机号的信息别忘了在本站进行查找喔。
