小程序云开发获取手机号完整代码

拼搏现实的明天。 2021-07-24 14:30 350阅读 0赞

# 小程序云开发获取手机号完整代码 #

效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70][]

# 小程序代码 #

getPhoneNumber: function (e) {
        var that = this;
        if (!e.detail.errMsg || e.detail.errMsg != "getPhoneNumber:ok") {
          wx.showModal({
            content: '请打开设置授权手机号',
            showCancel: false
          })
          return;
        }
        wx.cloud.callFunction({
          name: 'getToken',  // 对应云函数名
          data: {
            encryptedData: e.detail.encryptedData,
            iv: e.detail.iv,
            sessionCode: app.globalData.sessionCode    // 这个通过wx.login获取，去了解一下就知道。这不多描述
          },
          success: res => {
            wx.hideLoading()
            console.log('成功拿到手机号，跳转首页',res)
            // 成功拿到手机号，跳转首页
            return
            wx.switchTab({
              url: '../index/index' // 这里是要跳转的路径
            })
          },
          fail: err => {
            console.error(err);
            wx.showToast({
              title: '获取手机号失败',
              icon: 'none'
            })
          }
        })
      },

# 云函数： #

*  步骤1： 新建node.js云函数getToken
    
     
    
    ![format_png][]
    
    image.png
 *  步骤2：因为需要进行网络请求，这里使用request库
    
     
    
    右击getToken函数名，选择在终端中打开
    
    ![format_png 1][]
    
    image.png
 *  步骤3.下载 request 或 request-promise 模块（request-promise模块,可以使用promise,async和await）  
    命令行：  
    npm install --save request  
    npm install --save request-promise  
    如成功下载，则可见
    
    ![format_png 2][]
    
    image.png

*  步骤4：getToken下的index.js文件中

// 云函数入口文件
     
    const cloud = require('wx-server-sdk')
     
    const requestpromise = require('request-promise');
     
    var WXBizDataCrypt = require('./RdWXBizDataCrypt') // 用于手机号解密
     
    cloud.init()
     
    // 云函数入口函数
     
    exports.main = async (event, context) => {
     
     // 获取 WX Context (微信调用上下文)，包括 OPENID、APPID、及 UNIONID（需满足 UNIONID 获取条件）
     const wxContext = cloud.getWXContext()
     const appid = wxContext.APPID
      const AccessToken_options = {
     
        method: 'GET',
     
        url: 'https://api.weixin.qq.com/sns/jscode2session',
     
        qs: {
          appid：wxContext.APPID,
     
          secret：'xxxxxxxxxxxxxxxxxxx',  // 微信开发后台可生成，唯有微信认证过的国内主体才可有
     
          grant_type: 'authorization_code',
     
          js_code: event.sessionCode // 小程序中获取过来的
        },
        json: true
      };
      const resultValue = await requestpromise (AccessToken_options);
      const pc = new WXBizDataCrypt(appid, resultValue.session_key)  // -解密第一步
      const data = pc.decryptData(event.encryptedData, event.iv)   // 解密第二步
      return { data }  
    }

这里的WXBizDataCrypt文件纯js写的，非官方给出的java,node,php等后端语言的demo,js文件我放  
文件网盘里了，有需要的自行下载，请点击[这里][Link 1] 提取码：577j

具体放置的位置如步骤3所示  
至此，小程序便可得到解密后的用户手机号，

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70]: /images/20210724/d352270e24ff4ca39e86d5511a27cacc.png
[format_png]: /images/20210724/7be8c40e312147d98d86ba9bd56b5f81.png
[format_png 1]: /images/20210724/aac11aa10fe04eadbd553c332fdf9490.png
[format_png 2]: /images/20210724/880b90c0c05d4bf9b4ec5678a1e7ea78.png
[Link 1]: https://pan.baidu.com/s/1df70mHXtQFR6DM637xOOLg