使用云函数可以免鉴权调用接口,不需要access_token,更加方便
值得一提的是,小程序目前该接口针对非个人开发者,且完成了认证的小程序开放
则:若非具有以下相关资质并认真的组织,无法使用该接口直接获取用户手机号
认证完毕后,开始代码:
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
①.wxml中获取用户手机号的按钮,可以放在任意page中,点击触发获取手机号事件
getPhoneNumber(e) {
// console.log(e.detail)
wx.cloud.callFunction({
name: 'decodePhone',
data: {
code: e.detail.code
},
success: (res) => {
console.log('调用云函数', res)
}
})
}
②.js中绑定的对应事件,通过 bindgetphonenumber
事件获取到动态令牌code
,然后把code
传到后端,即云函数中(所有api.weixin.qq.com开头的接口,都要后端调用,前端不能调用),decodePhone为自定义的云函数
③创建云函数:在cloudFunction目录下右键新建node.js云函数decodePhone,需要在config.json中开启接口权限
{
"permissions": {
"openapi": [
"phonenumber.getPhoneNumber"
]
}
}
④编写云函数:注意!需要初始化 云环境。 然后将后端拿到的code,使用微信提供的云调用 发送给openapi.phonenumber.getPhoneNumber ,返回一个obj,其中的phoneInfo则为所需的手机号
状态:errCode:-1 系统繁忙
errCode:0 成功
errCode:40029 code异常(code不存在、已过期或者使用过)
const cloud = require('wx-server-sdk')
cloud.init({
env: cloud.DYNAMIC_CURRENT_ENV
})
// 云函数入口函数
exports.main = async (event, context) => {
let code = event.code
try {
const result = await cloud.openapi.phonenumber.getPhoneNumber({
code
})
return result
} catch (err) {
throw err
}
}
注意,此处的code(手机号获取凭证)和登录login返回的code不同,请勿混淆
⑤前面步骤无误,则可以拿到返回值,res.result.phoneInfo.purePhoneNumber即为返回的已解密的真实手机号,后续再进行需要的setData、入库等操作
success: (res) => {
const phone = res.result.phoneInfo.purePhoneNumber
}