微信小程序登录授权并获取手机号
一、请求发送 携带 code 到后台换取 openid
var that = this; wx.login({ success(res) { console.log(res); var code = res.code wx.request({ url: 'http://localhost/index/users/code2seesion', method: "post", data: { code }, success: function (res) { console.log(res.data.openid); that.setData(res.data); } }) } })
解析:
1、第一步打印出 wx.login 成功回调后的res console.log(res),下面是打印出的内容
2、提取 code
var code = res.code;
3、发送 post 请求到后台换取 openid 携带参数 data:{code} 打印成功回调console.log(res),下面是打印出的部分内容:
可以清楚的看到session_key、openid、errMsg;这些参数在接下来的操作中有着重要的作用;
4、保存data内容 里面包含 openid 和 session_key :that.setData(res.data);
二、以上操作完成并将参数保存下来之后,就可以开始获取手机号了:
~获取手机号是有特殊按钮类型
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>
类型和点击事件都是指定了
open-type="getPhoneNumber" "bindgetphonenumber="getPhoneNumber"
getPhoneNumber: function (e) { var that = this; console.log(e.detail.errMsg == "getPhoneNumber:ok"); if (e.detail.errMsg == "getPhoneNumber:ok") { wx.request({ url: 'http://localhost/index/users/decodePhone', data: { encryptedData: e.detail.encryptedData, iv: e.detail.iv, sessionKey: that.data.session_key, uid: "", }, method: "post", success: function (res) { console.log(res); } }) } },
1、可以打印出 自己是否允许授权 console.log(e.detail.errMsg == "getPhoneNumber:ok");
![](https://upload-images.jianshu.io/upload_images/16549666-d5741e042622dce3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/371/format/webp)
如果允许:true 如果拒绝:false
2、判断用户是点击允许还是拒绝 这里的请求 需求携带四个必备参数 ,可以打印出e.detail ~console.log(e.detail)
可以看到 encryptedData 、iv 接下来可以继续了
if (e.detail.errMsg == "getPhoneNumber:ok")
如果为 true 就开始 post 请求后台 携带上 encryptedData 、iv 、sessionKey 、uid
data: { encryptedData: e.detail.encryptedData, iv: e.detail.iv, sessionKey: that.data.session_key, uid: "", },
3、打印出成功的回调函数 success: function (res) {console.log(res);} 可以看到里面有了~phoneNumber 手机号了
一、请求发送 携带 code 到后台换取 openid
var that = this;
wx.login({
success(res) {
console.log(res);
var code = res.code
wx.request({
url: 'http://localhost/index/users/code2seesion',
method: "post",
data: {
code
},
success: function (res) {
console.log(res.data.openid);
that.setData(res.data);
}
})
}
})
解析:
1、第一步打印出 wx.login 成功回调后的res console.log(res),下面是打印出的内容
![](http://upload-images.jianshu.io/upload_images/16549666-a94bd64390ff07c2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/623/format/webp)
2、提取 code
var code = res.code;
3、发送 post 请求到后台换取 openid 携带参数 data:{code} 打印成功回调console.log(res),下面是打印出的部分内容:
![](http://upload-images.jianshu.io/upload_images/16549666-f513042ee8352a29.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/779/format/webp)
可以清楚的看到session_key、openid、errMsg;这些参数在接下来的操作中有着重要的作用;
4、保存data内容 里面包含 openid 和 session_key :that.setData(res.data);
![](http://upload-images.jianshu.io/upload_images/16549666-8ca0fc68c863d31f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/741/format/webp)
二、以上操作完成并将参数保存下来之后,就可以开始获取手机号了:
~获取手机号是有特殊按钮类型
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>
类型和点击事件都是指定了
open-type="getPhoneNumber" "bindgetphonenumber="getPhoneNumber"
getPhoneNumber: function (e) {
var that = this;
console.log(e.detail.errMsg == "getPhoneNumber:ok");
if (e.detail.errMsg == "getPhoneNumber:ok") {
wx.request({
url: 'http://localhost/index/users/decodePhone',
data: {
encryptedData: e.detail.encryptedData,
iv: e.detail.iv,
sessionKey: that.data.session_key,
uid: "",
},
method: "post",
success: function (res) {
console.log(res);
}
})
}
},
1、可以打印出 自己是否允许授权 console.log(e.detail.errMsg == "getPhoneNumber:ok");
![](http://upload-images.jianshu.io/upload_images/16549666-d5741e042622dce3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/371/format/webp)
如果允许:true 如果拒绝:false
2、判断用户是点击允许还是拒绝 这里的请求 需求携带四个必备参数 ,可以打印出e.detail ~console.log(e.detail)
![](http://upload-images.jianshu.io/upload_images/16549666-784a46b8553df5d4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/794/format/webp)
可以看到 encryptedData 、iv 接下来可以继续了
if (e.detail.errMsg == "getPhoneNumber:ok")
如果为 true 就开始 post 请求后台 携带上 encryptedData 、iv 、sessionKey 、uid
data: {
encryptedData: e.detail.encryptedData,
iv: e.detail.iv,
sessionKey: that.data.session_key,
uid: "",
},
3、打印出成功的回调函数 success: function (res) {console.log(res);} 可以看到里面有了~phoneNumber 手机号了
![](http://upload-images.jianshu.io/upload_images/16549666-59a3c7c756735cb8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/925/format/webp)
作者:MicaSnaker
链接:https://www.jianshu.com/p/3d6c3c80813f
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。