微信小程序云函数快捷获取用户手机号

使用云函数可以免鉴权调用接口,不需要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   
}

  • 5
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值