微信小程序云开发--获取用户手机号并解密

regist/index.js 云函数

const appid = 'xxxxxxxxxxxxx'; //你的小程序appid
const secret = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; //你的小程序密钥secret,可以在小程序后台中获取

const envid = "test-lezhi"; //云环境id
const cloud = require('wx-server-sdk');
const TcbRouter = require('tcb-router'); //云函数路由
const rq = require('request');
const wxurl = 'https://api.weixin.qq.com';
var WXBizDataCrypt = require('./RdWXBizDataCrypt') // 用于手机号解密
cloud.init({
  env: envid
})
const db = cloud.database();
const _ = db.command;
// 云函数入口函数
exports.main = async (event, context) => {

  const app = new TcbRouter({
    event
  });
  //获取电话号码
  app.router('phone', async (ctx) => {
    ctx.body = new Promise(resolve => {
      rq({
        url: wxurl + '/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' + event.code + '&grant_type=authorization_code',
        method: "GET",
        json: true,
      }, function (error, response, body) {
        const decrypt1 = new WXBizDataCrypt(appid, body.session_key) // -解密第一步
        const decrypt2 = decrypt1.decryptData(event.encryptedData, event.iv) // 解密第二步*/
        resolve(
          ctx.body ={decrypt2}
        )
      });
    });
  });

前端页 index.wxml

 <button class="phone" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
                  <block wx:if="{{phone==''}}"> 请点击获取您的手机号</block>
                  <block wx:if="{{phone!==''}}"> {{phone}}</block>
 </button>

前端 index.js

 //获取用户手机号
  getPhoneNumber: function (e) {
    console.log(e)
    let that = this;
    //判断用户是否授权确认
    if (!e.detail.errMsg || e.detail.errMsg != "getPhoneNumber:ok") {
      wx.showToast({
        title: '获取手机号失败',
        icon: 'none'
      })
      return;
    }
    wx.showLoading({
      title: '获取手机号中...',
    })
    wx.login({
      success(re) {
        console.log(re)
        wx.cloud.callFunction({
          name: 'regist', // 对应云函数名
          data: {
            $url: "phone", //云函数路由参数
            encryptedData: e.detail.encryptedData,
            iv: e.detail.iv,
            code: re.code
          },
          success: res => {
            console.log(res);
            wx.hideLoading();
            if (res.result == null) {
              wx.showToast({
                title: '获取失败,请重新获取',
                icon: 'none',
                duration: 2000
              })
              return false;
            }
            //获取成功,设置手机号码
            that.setData({
              phone: res.result.decrypt2.phoneNumber
            })
          },
          fail: err => {
            console.error(err);
            wx.hideLoading()
            wx.showToast({
              title: '获取失败,请重新获取',
              icon: 'none',
              duration: 2000
            })
          }
        })
      },
      fail: err => {
        console.error(err);
        wx.hideLoading()
        wx.showToast({
          title: '获取失败,请重新获取',
          icon: 'none',
          duration: 2000
        })
      }
    })
  },
补充:regist/index.js 中引入的RdWXBizDataCrypt 是一个外部js文件,它需要一些其他文件一起配合使用,文件个数较多,所以我上传到了下载文件中。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值