微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解
微信小程序文档中给出如下示例
获取微信用户绑定的手机号,需先调用login接口。
因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发。
注意:目前该接口针对非个人开发者,且完成了认证的小程序开放。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。
使用方法
需要将 <button> 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据, 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。
注意
在回调中调用 wx.login 登录,可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey,导致解密失败。建议开发者提前进行 login;或者在回调中先使用 checkSession 进行登录态检查,避免 login 刷新登录态。
例子
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>
Page({
getPhoneNumber: function(e) {
console.log(e.detail.errMsg)
console.log(e.detail.iv)
console.log(e.detail.encryptedData)
}
})
返回参数说明
参数 类型 说明
encryptedData String 包括敏感数据在内的完整用户信息的加密数据,详细见加密数据解密算法
iv String 加密算法的初始向量,详细见加密数据解密算法
encryptedData 解密后为以下 json 结构,详见加密数据解密算法
{
"phoneNumber": "13580006666",
"purePhoneNumber": "13580006666",
"countryCode": "86",
"watermark":
{
"appid":"APPID",
"timestamp":TIMESTAMP
}
}
但是到这里你会发现其实根本不详尽尤其是解密和错误代码方面
首先如手册所述,解析加密数据包不太明白我给大家贴个示例
getPhoneNumber: function (e) {
console.log(e.detail.iv);
console.log(e.detail.encryptedData);
wx.login({
success: res => {
console.log(res.code);
wx.request({
url: 'https://你的解密地址',
data: {
'encryptedData': encodeURIComponent(e.detail.encryptedData),
'iv': e.detail.iv,
'code': res.code
},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
header: {
'content-type':'application/json'
}, // 设置请求的 header
success: function (res) {
if (res.status ==1) {//我后台设置的返回值为1是正确
//存入缓存即可
wx.setStorageSync('phone', res.phone);
}
},
fail: function (err) {
console.log(err);
}
})
}
})
}
后台解析代码就是利用传过去的三个值,来进行解析每个语言解析方式不同请下载样例
微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。
注意解析方式跟解析用户信息是一个解析方式!!!!
在这里小编遇到了一个问题解析回的形式虽然跟文档相同但是!
却是这个样子的数据:
这样的情况其实是因为开发的基础库版库过低造成的
配置地点在这里:
小编修改为v1.9.1之后呈现形式就如同官网手册 一样了
{
"phoneNumber": "13580006666",
"purePhoneNumber": "13580006666",
"countryCode": "86",
"watermark":
{
"appid":"APPID",
"timestamp":TIMESTAMP
}
}
至此获取微信绑定的用户手机号完成!
还有一点要注意你的开发版本上去了,但是用户不一定更新了
所以微信后台有这样一个配置~
剩下的问题欢迎在下面评论,第一次写博客希望对大家有帮助!!!
我在网上已经看到几篇转载的,个人之作转载请注明出处!
csdn博客-大国的博客
微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解相关推荐
- 微信小程序-获取微信收货地址
微信小程序获取微信收货地址 文章目录 微信小程序获取微信收货地址 一.在小程序管理后台( 小程序管理后台),「开发」-「开发管理」-「接口设置」中自助开通该接口权限. 二.开通之后直接调用接口. // ...
- 微信小程序获取微信公众号文章2
微信小程序获取微信公众号文章2 前面介绍了一篇微信小程序打开微信公众号中的文章实战教程,主要介绍了实现的具体原理,但是实际去做的时候,发现了更多的坑,所以这里再补充一下. 原先的思路是不完整的 原先我 ...
- 微信小程序获取微信头像、微信昵称
微信小程序获取头像昵称 <template><view class="top-user"><view class="top-content& ...
- 微信小程序获取微信运动数据并解密
官方API 官方API 步骤 1,APP端拉起微信小程序 2,小程序端获取微信运动数据 3,后台解密获取的微信运动数据 实现 1,APP端调起微信小程序 准备工作: 1)微信开放平台,微信公众平台注册 ...
- 微信小程序获取视口高度,设置 video 视频全屏显示
微信小程序 获取视口高度 获取视口高度 可用于设置视频全屏显示效果 及其他效果显示 js中:(可以在onLoad中直接使用,或写入方法中) let that = this;// 获取系统信息wx.ge ...
- 微信小程序获取用户绑定手机号码完整版(转载)
一.准备阶段 创建小程序项目(测试号即可) 创建Java后台项目(此处为SpringBoot 普通项目) 二.前端代码 WXML 代码 <!--index.wxml--> <view ...
- 小程序步数解密php,微信小程序--获取微信运动步数的实例代码
如今运动计步很火,不管是蚂蚁森林,仍是微信上都很火爆,本文介绍了微信小程序微信运动步数的实例代码,分享给你们php 思路:wx.login获取的code请求获取的session_key,wx.getW ...
- 微信小程序 java服务器发送通知给用户 全流程 (获取openid 获取formid)
本文写的比较简单,只是一个简单的实现,如有错误,欢迎大家指出,本文为个人学习笔记,只供参考. 如果成功了给句评论,或来个赞呗! 本文大致分为三个内容: 一.注册小程序 二.微信小程序开发代码 三.ja ...
- php 小程序 运动步数_微信小程序获取微信运动步数的实例代码
现在运动计步很火,无论是蚂蚁森林,还是微信上都很火爆,本文介绍了微信小程序微信运动步数的实例代码,分享给大家 微信小程序API-微信运动 https://mp.weixin.qq.com/debug/ ...
- 微信小程序获取微信名和头像登录
小程序获取用户信息使用 wx.getUserProfile()方法 wx.getUserProfile()方法的用处:获取用户信息,页面上有点击事件button后才可以调用,每次请求都会弹出授权窗口, ...
最新文章
- 迭代是人,递归是神(迭代与递归的总结:比较)
- js 将二进制流html导出excel,js 实现纯前端将数据导出excel
- 学习Key与Value的集合hashtable
- 自然语言理解属于计算机应用的那个范畴,基于自然语言理解的3D场景构造研究-计算机应用技术专业论文.docx...
- 神策数据王灼洲 徐缓:ID-Mapping 用户打通那些事儿
- 第七节:语法总结(1)(自动属性、out参数、对象初始化器、var和dynamic等)
- metinfo mysql_Metinfo 5.3.17 前台SQL注入漏洞
- matlab phog,科学网—UCF 大牛 Prof. Shah 课题组代码合集 - 张重的博文
- es文本分析java代码_Elasticsearch系列---Java客户端代码Demo
- centos 7 nginx_install.sh
- 物联网思维导图_物联网将如何改变我们的思维方式
- MyBatis教程目录
- http协议与php关系,HTTP协议的由来
- USB转TTL连接ESP01S
- 搞写商业计划书的要点
- 计算机二级考试题库 操作题,2016计算机二级考试题库:《C++》基本操作题练习...
- js每日一题(10)
- docker logs命令查看日志
- 小米air2se耳机只有一边有声音怎么办_小米推出与Air2系列的第三款Air2 SE拼性价比意义何在?...
- 【图灵学院02】大型互联网技术之数据库分库分表