微信小程序獲取手機號並解密

開發微信小程序的時候經常會遇到要  綁定用戶手機號的需求   這里我們就要首先獲取用戶信息中的手機號 :

 

首先是 頁面上的做法 (只需一句話)   wxml:

    <button class="btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" >手機號認證</button>

　　

然后就是  js(wx) :

里面有好多調試代碼   這里我就不清理了 (嘻嘻嘻)

 

 /**
   * 授權手機號
   * @param {*} e 
   */
  getPhoneNumber: function(e) { 
    console.log("手機號iv");
    console.log(e.detail.iv) 
    console.log("手機號encryptedData");
    console.log(e.detail.encryptedData)
    // var session_key = wx.getStorageSync('session_key');
    // console.log('session_key');
    // console.log(session_key);

    console.log("config appid");
    console.log(site.AppID);
    var that=this;

    wx.login({
      success: res => {
        console.log("手機號rescode");
        console.log(res.code);
        console.log(res);
        /**
         * 這里重新獲取session_key 的請求放到后台去因為如果放在小程序中的話  還需要端口認證
         */
        // wx.request({
        //   url: 'https://api.weixin.qq.com/sns/jscode2session?appid=wxe1bd8e4045ad80ba&secret=9fbf669bb61ddfdd2d455eebe1d6fdf5&js_code='+res.code+'&grant_type=authorization_code',
        //   success:function(resc){
        //   console.log('哈哈哈哈')
        //   console.log(resc)

          wx.request({
            url: decode,
            data:{
              data:e.detail.encryptedData,
              iv: e.detail.iv,
              code:res.code
            },
            success:function(res){
                console.log("解密之后");
                console.log(res);
                console.log("返回手機號");
                console.log(res.data.data.data.phoneNumber);
                
               
                var timestamp=new Date().getTime()
                var data = {
                  "timestamp":timestamp,
                  "url":(checkphone+"").replace(config.baseUrl,""),
                  "user_id":userid,
                  'phone':res.data.data.data.phoneNumber,
                }
                var sign=utils.makeSign(site.siteTokenKey,data)
                var phone = res.data.data.data.phoneNumber;
                if(res.data.data.flag==1){

                  wx.request({
                    url: checkphone,
                    method: "POST",
                    data:data,
                    header: {
                      "Content-Type": "application/x-www-form-urlencoded",
                      "sign":sign,
                      'timestamp':timestamp
                    },
                    success: function (res) {
                      console.log(res);
                      if(res.data.data.flag == 1){
                        wx.navigateBack({
                          delta: 1
                        })
                      }
                      if(res.data.data.status == 0){
                        wx.showToast({
                          title: '保存失敗',
                          icon: 'none',
                          duration: 2000
                         })
                      }
                    },
                  })
                }else{
                  wx.navigateBack({
                    delta: 1
                  })
                }
            }
          })

          // }
        // })

    
       
      }
    })
  
}

　　

接下來就是 后端解密以及將手機號更新到數據庫的主程序了(php 版本): 　　

　　

  /**
     * 解密
     */
    public function decode(){

        //siteconfig讀取類
        $siteConfigObj = new Config("site_config");
        $site_config   = $siteConfigObj->getInfo();

        $data=IFilter::act(IReq::get('data'));
        $iv=IFilter::act(IReq::get('iv'));
//      $sessionkey=IFilter::act(IReq::get('sessionkey'));
        $code=IFilter::act(IReq::get('code'));
        $decrypt = new WxServerApi();

        //siteconfig中記錄的appid以及secret
        $appid=$site_config['wechat_AppID'];
        $secret=$site_config['wechat_AppSecret'];

        //生成一個新的session_key
        $ccc="https://api.weixin.qq.com/sns/jscode2session?appid=$appid&secret=$secret&js_code=$code&grant_type=authorization_code";

        $content=$this->curl($ccc);
        $content=json_decode($content);

        $sessionkey=$content->session_key;

        $config=new Config('site_config');
        $appid=$config->wechat_AppID;
        if (strlen($sessionkey) != 24) {
            Block::sendRseult(200,'goods detail success',[
                'flag'=>0,
                'data'=>'false1',
            ]);
        }
        $aesKey=base64_decode($sessionkey);


        if (strlen($iv) != 24) {
            Block::sendRseult(200,'goods detail success',[
                'flag'=>0,
                'data'=>'false2',
            ]);
        }
        $aesIV=base64_decode($iv);

        $aesCipher=base64_decode($data);

        $result=openssl_decrypt( $aesCipher, "AES-128-CBC", $aesKey, 1, $aesIV);
        /**
         * 這里再次判斷一次的原因是因為  重新生成的session_key  第一次解密會出現返回false的情況  第二次就正常  so.....
         */
        if($result==false){
            $result=openssl_decrypt( $aesCipher, "AES-128-CBC", $aesKey, 1, $aesIV);
        }

        $dataObj=json_decode( $result );
        if( $dataObj  == NULL )
        {
            Block::sendRseult(200,'goods detail success',[
                'flag'=>0,
                'data'=>'false3',
            ]);
        }
        if( $dataObj->watermark->appid != $appid )
        {
            Block::sendRseult(200,'goods detail success',[
                'flag'=>0,
                'data'=>'false4',
            ]);
        }

        Block::sendRseult(200,'goods detail success',[
            'flag'=>1,
            'data'=>$dataObj,
        ]);

    }

　　

這里值得一提的就是重新生成了session_key  去做解密操作 

$result=openssl_decrypt( $aesCipher, "AES-128-CBC", $aesKey, 1, $aesIV);

的時候  第一次總是會會出現返回false的情況 第二次就正常了  所以需要判斷false  然后在執行一遍  (雖然辦法有點笨  但是很有效 如果有更好的辦法  請在評論區中留言   歡迎歡迎!!!)

到這里基本上就結束了手機認證  感謝您的耐心閱讀  希望可以幫到您!   bingo!!