微信小程序获取用户手机号码(后台php版)
前端微信小程序获取code,后台使用php获取session_key和openid;然后结合iv和encryptedData解密出微信用户手机号码
【效果图】
【开发流程】
第1步:wx.login获取code
第2步:传递code到服务器,获取session_key和openid
第3步:参考官方文档getPhoneNumber,获取iv和encryptedData
第4步:解密返回数据,获取手机号码
【第1步:wx.login获取code】
调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html
用户登录凭证(有效期五分钟)。开发者需要在开发者服务器后台调用 auth.code2Session,使用 code 换取 openid 和 session_key 等信息
【第2步:传递code到服务器,获取session_key和openid】
官方文档地址
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html
参考示例:GET 方法https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
小程序和后台交互,wxml
<button type="primary" bindtap="mycode">获取code</button>
js代码
mycode:function(e){
wx.login({
success:function(res){
console.log(res)
console.log(res.code)
var code = res.code
wx.request({
url: 'http://www.yaoyiwangluo.com/tel/php.php',
data:{
code
},
success:function(res2){
//console.log("code:" + res2.data)
console.log("返回数据:" + res2)
console.log("openid:" + res2.data.openid)
console.log("session_key:" + res2.data.session_key)
}
})
}
})
}
后台php代码
<?php
//获取code
$code = "";
$code = $_REQUEST["code"];
//echo $code;
//https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
$url_token = "";
$url_token = $url_token . "https://api.weixin.qq.com/sns/jscode2session";
$url_token = $url_token . "?appid=wx686e9a0d46f8e***&secret=9f4a19057b35276dbf8710741b5f****";
$url_token = $url_token . "&js_code=".$code;
$url_token = $url_token . "&grant_type=authorization_code";
$neirong_token = "";
$neirong_token = file_get_contents($url_token);
echo $neirong_token;
?>
【第3步:参考官方文档getPhoneNumber,获取iv和encryptedData】
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 button 组件的点击来触发。
注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。
【第4步:解密返回数据,获取手机号码】
官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html
接口如果涉及敏感数据(如wx.getUserInfo当中的 openId 和unionId ),接口的明文内容将不包含这些敏感数据。开发者如需要获取敏感数据,需要对接口返回的加密数据( encryptedData )进行对称解密。 解密算法如下:
微信官方提供了多种编程语言的示例代码(点击下载)。
下载地址: https://res.wx.qq.com/wxdoc/dist/assets/media/aes-sample.eae1f364.zip
返回数据最后使用js解密
var pc = new WXBizDataCrypt(AppId, session_key)
wx.getUserInfo({
success: function (res) {
var data = pc.decryptData(e.detail.encryptedData, e.detail.iv)
console.log('解密后 data: ', data)
console.log('手机号码: ', data.phoneNumber)
}
})
欢迎大家收看完整的视频课程
微信小程序获取用户手机号码(后台php版)