一、请求微信登录接口
- 请求发送 携带 code 到后台换取 openid
wx.login({
success (res) {
if (res.code) {
//发起网络请求
wx.request({
url: 'https://test.com/onLogin',
method: "post",
data: {
code: res.code
}
})
} else {
console.log('登录失败!' + res.errMsg)
}
}
})
- 发送 code 到后台获取保存 session_key ,openid 等重要参数,获取手机号要用到
二、session_key ,openid 参数保存下来之后,开始获取手机号:
注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限
- 需要将 button 组件 open-type 的值设置为 getPhoneNumber,建议直接使用微信小程序文档提供的方法
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
-
查看是否授权成功 (e.errMsg == “getPhoneNumber:ok”), 成功:true 拒绝:false
-
授权成功后返回参数encryptedData , iv,加上先前保存的 session_key 请求接口,提交参数给后台,参数跟随后台对接
//获取手机号快捷登录
getPhoneNumber: function (e) {
let e = e.detail;//微信返回加密的数据
//判断授权手机号是否成功
if (e.errMsg == "getPhoneNumber:ok") {
let data = { //后台所需要的提交的参数
encryptedData: e.encryptedData,
iv: e.iv,
session_key : that.data.session_key
}
//创建新的Promise请求login接口
new Promise((resolve, reject) => {
wx.request({
url: app.globalData.server_api_url + '/login', //api接口
header: {
'content-type': 'application/x-www-form-urlencoded',
},
method: 'POST',
data: data,
success: function(res) {
resolve(res)
},
fail : function (res) {
reject(res)
}
})
}).then((res) => {
//请求成功返回的参数
console.log(res)
})
}
}
- 走到这步,说明已经成功获取到手机号,根据后台返回的参数拿到手机号