微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）

偏执的太偏执、 2023-10-07 21:53 5阅读 0赞

#### 文章目录 ####

*  一、前言
 *  二、前端代码wxml
 *  三、前端代码js
 *  四、后端java
 *  五、程序流程
 *  六、参考

## 一、前言 ##

> [微信小程序开发笔记——导读][Link 1]

>  *  大部分微信小程序开发者都会有这样的需求：***获取小程序用户的手机号码***。
>  *  但是，因为小程序用户的手机号码属于重要信息，为了安全，所以需要如下一系列较为复杂的方法和步骤。
>  *  我前期主要通过小程序云的方法获取用户手机号码，后面**因为微信政策变更，小程序云不再提供免费版本，最低每月也要收费19元**。
>  *  所以，我才转用方法二和方法三。否则方法一小程序云的方法是最简单的。

> [微信小程序开发笔记 进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）][_getPhoneNumber]  
> [微信小程序开发笔记 进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）][_getPhoneNumber _ 2.21.2]  
> [微信小程序开发笔记 进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）][_getPhoneNumber _ 2.21.2 1]

*  首先确保基础库版本在2.21.2之前

![在这里插入图片描述][5e3ad723a5c542ffa30bef9fd70fe27a.png]

## 二、前端代码wxml ##

*  必须要有这个button，并且用户点击了，才能有下一步

<button type="default" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="weui-vcode-btn" wx:else>获取手机号</button>

![在这里插入图片描述][a78381bd311048ecb7a345ff373c33ee.png]

## 三、前端代码js ##

*  定义一个code全局变量

var code = ""

*  该界面onShow的时候，调用`wx.login`函数获取code
 *  这边这里有个风险，这个code存在有效期，到你用的时候可能会过期

onShow() {
                
        wx.login({
        
            success: function (res) {
        
                console.log("wx.login success", res)
                if (res.code) {
            
                    code = res.code
                } else {
        
                    _this.showToast('失败！' + res.errMsg)
                }
            },
            fail: function (res) {
        
                console.log('wx.login fail' + res)
            }
        })
    },

*  `bindgetphonenumber="getPhoneNumber"`按钮的回调函数

getPhoneNumber(e) {
        
        var _this = this
        console.log("getPhoneNumber", e)
        
        keyueliSdk.getPhoneNumber({
        
            code: code,
            encryptedData: e.detail.encryptedData,
            iv: e.detail.iv,
            appId: app.globalData.appId,
        },
        (res) => {
        
            console.log("getPhoneNumber", "success", res)
            _this.setData({
        
                mobile: res.data.data.phoneNumber
            })
        },
        (res) => {
        
            console.log("getPhoneNumber", "fail", res)
        })
    },

*  `keyueliSdk.js`接口工具类

//获取用户手机号码
    const getPhoneNumber = (data, success, fail) => {
        
      console.log("getPhoneNumber", data)
      request(
        endpoint + "/v1/app/user/getPhoneNumber", {
        
          // 'content-type': 'application/x-www-form-urlencoded'
          'content-type': 'application/json'
        },
        data,
        "POST",
        success, fail
      )
    }
    
    module.exports = {
        
      getPhoneNumber: getPhoneNumber,
    }

## 四、后端java ##

*  `controller.java`

@ApiOperation("查询用户手机号码")
    @PostMapping("/getPhoneNumber")
    public AjaxResult getPhoneNumber(@ApiParam() @RequestBody AppCode appCode)
    {
        
        log.info(appCode.toString());
        return AjaxResult.success(loginService.getPhoneNumber(appCode));
    }

*  `loginService.java`

public JSONObject getPhoneNumber(AppCode appCode){
        
        if(!WXUtils.checkAppId(appCode.getAppId())){
        
            log.error("appId异常: "+ appCode.toString());
            throw new CustomException("AppId 异常");
        }
    
        JSONObject codeData = WXUtils.codeAnalysis(appCode.getCode(), appCode.getAppId());
        if(ObjectUtil.isNull(codeData)){
        
            log.error("code异常: "+ appCode.toString());
            throw new CustomException("code 异常");
        }
        String sessionKey = codeData.getString("session_key");
        String openId = codeData.getString("openid");
        String unionId = codeData.getString("unionid");
    
        JSONObject decryptObject = WXUtils.decrypt(appCode.getAppId(), appCode.getEncryptedData(), sessionKey, appCode.getIv());
        if(ObjectUtil.isNull(decryptObject)){
        
            log.error("encryptedData异常: "+ appCode.toString());
            throw new CustomException("encryptedData 异常");
        }
        log.info(decryptObject.toJSONString());
    
        return decryptObject;
    }

*  `WXUtils.java`

/**
     * 解密数据
     * @return
     * @throws Exception
     */
    public static JSONObject decrypt(String appId, String encryptedData, String sessionKey, String iv){
        
        try {
        
            byte[] resultByte = AESUtils.decrypt(Base64.decodeBase64(encryptedData),Base64.decodeBase64(sessionKey),Base64.decodeBase64(iv));
            if(null != resultByte && resultByte.length > 0){
        
                String result = new String(WxPKCS7Encoder.decode(resultByte));
                JSONObject jsonObject = JSONObject.parseObject(result);
                String decryptAppId = jsonObject.getJSONObject("watermark").getString("appid");
                if(!appId.equals(decryptAppId)){
        
                    return null;
                }
                return jsonObject;
            }
        } catch (Exception e) {
        
            e.printStackTrace();
        }
        return null;
    }
    
    /**
     * 获取session_key
     * @return
     * @throws Exception
     */
    public static JSONObject codeAnalysis(String code, String appId) {
        
        try {
        
            String objectStr = HttpUtil.get(String.format("https://api.weixin.qq.com/sns/jscode2session?appid=%s&secret=%s&js_code=%s&grant_type=authorization_code",
                    appId, getAppSecret(appId), code));
            log.info(objectStr);
            JSONObject jsonObject = JSON.parseObject(objectStr);
            return jsonObject;
        }catch (Exception e){
        
            e.printStackTrace();
            log.error("微信code解析异常", e.getMessage());
        }
        return null;
    }

*  `AESUtils.java`

/**
     * AES解密
     *
     * @param content
     *            密文
     * @return
     * @throws InvalidAlgorithmParameterException
     * @throws NoSuchProviderException
     */
    public static byte[] decrypt(byte[] content, byte[] keyByte, byte[] ivByte) throws InvalidAlgorithmParameterException {
        
        initialize();
        try {
        
            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding");
            Key sKeySpec = new SecretKeySpec(keyByte, "AES");
            cipher.init(Cipher.DECRYPT_MODE, sKeySpec, generateIV(ivByte));// 初始化
            byte[] result = cipher.doFinal(content);
            return result;
        } catch (NoSuchAlgorithmException e) {
        
            e.printStackTrace();
        } catch (NoSuchPaddingException e) {
        
            e.printStackTrace();
        } catch (InvalidKeyException e) {
        
            e.printStackTrace();
        } catch (IllegalBlockSizeException e) {
        
            e.printStackTrace();
        } catch (BadPaddingException e) {
        
            e.printStackTrace();
        } catch (NoSuchProviderException e) {
        
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (Exception e) {
        
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return null;
    }

## 五、程序流程 ##

注册界面后端服务器onShow函数，wx.login获取用户code按钮点击，getPhoneNumber获取encryptedData和ivhttps post请求，code/encryptedData/iv/appId等4个参数拿code和appId通过auth.code2Session获取session\_key密文：Base64\_Decode(encryptedData)秘钥：Base64\_Decode(session\_key)初始向量：Base64\_Decode(iv)AES-128-CBC 解密，返回phoneNumber注册界面后端服务器

## 六、参考 ##

*  [auth.code2Session][]
 *  [开放数据校验与解密][Link 2]
 *  高端帖：[手机号解密失败？扫盲帖+解决方案][Link 3]

***觉得好，就一键三连呗（点赞+收藏+关注）***

[Link 1]: https://blog.csdn.net/kangweijian/article/details/122036953
[_getPhoneNumber]: https://blog.csdn.net/kangweijian/article/details/128228701
[_getPhoneNumber _ 2.21.2]: https://blog.csdn.net/kangweijian/article/details/128225601
[_getPhoneNumber _ 2.21.2 1]: https://blog.csdn.net/kangweijian/article/details/128228832
[5e3ad723a5c542ffa30bef9fd70fe27a.png]: https://img-blog.csdnimg.cn/5e3ad723a5c542ffa30bef9fd70fe27a.png
[a78381bd311048ecb7a345ff373c33ee.png]: https://img-blog.csdnimg.cn/a78381bd311048ecb7a345ff373c33ee.png
[auth.code2Session]: https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html
[Link 2]: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html#%E5%8A%A0%E5%AF%86%E6%95%B0%E6%8D%AE%E8%A7%A3%E5%AF%86%E7%AE%97%E6%B3%95
[Link 3]: https://developers.weixin.qq.com/community/develop/article/doc/000208a8ba43c0d15afa4117c5b813