開發(fā)微信小程序會有些場景是需要授權用戶手機號的，微信小程序授權用戶手機號是通過getPhonenumber接口授權的，因為需要用戶主動觸發(fā)才能發(fā)起獲取手機號接口，所以該功能不由 API 來調用，需用 button 組件的點擊來觸發(fā)。另外，新版本接口不再需要提前調用wx.login進行登錄。從基礎庫 2.21.2 （微信版本8.0.16）開始，對獲取手機號的接口進行了安全升級，也就是說基礎庫 2.21.2 以前的版本是舊版本，新版本和舊版本的區(qū)別是多了code參數，以后舊版本接口可能會摒棄，建議大家使用新版本的手機號授權。

小程序授權手機號獲取的參數

【資料圖】

首先先講一下舊版本如何授權用戶手機號，舊版本授權手機號點擊授權時，會出現(xiàn)第一次授權不成功的現(xiàn)象，什么原因呢？code過期了，有人會問我獲取的code是點擊授權手機號時一起獲取的，怎么會過期呢？這個就是這么神奇，可能是微信的bug問題吧，反正一直沒決解，但也不是沒有解決的方法，解決方法就是在onLoad頁面加載時就wx.login獲取code值；

微信小程序手機號操作流程

微信小程序wxml頁面

微信小程序js頁面

/** * 頁面的初始數據 */ data: { code: "", },/** * 獲取手機號 */ getUserMobileInfo: function (e) { var that = this, code = that.data.code, encryptedData = e.detail.encryptedData, iv = e.detail.iv; wx.checkSession({ success() { //session_key 未過期，并且在本生命周期一直有效 }, fail() { wx.login({ success: res => { that.setData({ code: res.code }) } }) }, complete() { if (e.detail.errMsg == "getPhoneNumber:ok") { userService.getTelephoneNumber(code, encodeURIComponent(encryptedData), encodeURIComponent(iv)).then(function (data) { wx.hideLoading(); var mobileValue = data.data that.setData({ mobileValue: mobileValue, }) }, function (data) { wx.hideLoading(); wx.showToast({ title: data.message, icon: "none" }); }); } else { wx.showModal({ title: "提示", content: "需獲取手機號才可提交信息", }) } } }) }, /** * 生命周期函數--監(jiān)聽頁面加載 */ onLoad: function (options) { wx.login({ success: res => { this.setData({ code: res.code }) } }) },

用戶同意授權，我們可以根據wx.login時獲取到的code來通過后臺以及微信處理拿到session_key，最后通過app_id，session_key,iv,encryptedData（用戶同意授權errMsg返回‘getPhoneNumber:ok"）

傳給后臺的參數：code參數傳到后臺需要換取session_key；encryptedData包括敏感數據在內的完整用戶信息的加密數據，iv加密算法的初始向量，這兩個參數后臺需要解密的，解密的方法可以去微信官方開發(fā)文檔查看，有很詳細說明，這里就不講述了。

后臺處理后返回的參數

后臺處理后返回的參數

phoneNumber：用戶綁定的手機號（國外手機號會有區(qū)號）；

purePhoneNumber ：沒有區(qū)號的手機號；

countryCode：區(qū)號

微信小程序wxml頁面

微信小程序js頁面

/** * 獲取手機號 */ getUserMobileInfo: function (e) { var that = this, code = e.detail.code; if (e.detail.errMsg == "getPhoneNumber:ok") { userService.getTelephoneNumber(code).then(function (data) { wx.hideLoading(); var mobileValue = data.data that.setData({ mobileValue: mobileValue, }) }, function (data) { wx.hideLoading(); wx.showToast({ title: data.message, icon: "none" }); }); } else { wx.showModal({ title: "提示", content: "需獲取手機號才可提交信息", }) } }

php后端的邏輯處理

/** * 獲取access_token * @return array */ private function getSession() { $params = [ "appid" => "你的小程序appid", "secret" => "你的小程序appsecret", "grant_type" => "client_credential" ]; $result = $this->httpGet("https://api.weixin.qq.com/cgi-bin/token", $params); return json_decode($result, true); } /** * code獲取用戶手機信息 */ public function getTelephoneNumber() { if (IS_POST) { $raw_json = file_get_contents("php://input"); $post_data = json_decode($raw_json, true); $code = $post_data["code"]; $session_res = $this->getSession($code); if ($session_res["errcode"]) { $this->apiReturn("0", $session_res["errmsg"]); } $param_data = [ "code" => $code, ]; $res_data = $this->httpJsonPost("https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token=".$session_res["access_token"], $param_data); $info = json_decode($res_data, true); if($info["errcode"] != 0){ $this->apiReturn($info["errcode"], $info["errmsg"]); } $this->apiReturn("1", "", $info["phone_info"]["phoneNumber"]); } } /** * json 請求 * @param string $url * @param array $data */ protected function httpJsonPost($url, $data = NULL) { $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_SSL_VERifYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE); if(!$data){ return "data is null"; } if(is_array($data)) { $data = json_encode($data); } curl_setopt($curl, CURLOPT_POST, 1); curl_setopt($curl, CURLOPT_POSTFIELDS, $data); curl_setopt($curl, CURLOPT_HEADER, 0); curl_setopt($curl, CURLOPT_HTTPHEADER,array( "Content-Type: application/json; charset=utf-8", "Content-Length:" . strlen($data), "Cache-Control: no-cache", "Pragma: no-cache" )); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $res = curl_exec($curl); $errorno = curl_errno($curl); if ($errorno) { return $errorno; } curl_close($curl); return $res; } /** * GET 請求 * @param string $url * @param array $param */ protected function httpGet($url, $param) { $url = $url . "?" . http_build_query($param); $curl = curl_init(); if (stripos($url, "https://") !== FALSE) { curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE); curl_setopt($curl, CURLOPT_SSLVERSION, 1); } curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $content = curl_exec($curl); $status = curl_getinfo($curl); curl_close($curl); if (intval($status["http_code"]) == 200) { return $content; } else { return false; } }

接口成功返回的整體數據結構，如下圖：

接口成功返回的整體數據結構

寫后臺邏輯時我遇到兩個錯誤反饋

第一種反饋：{"errcode":47001,"errmsg":"data format error hint: [AgoBsDOre-c6ouia] rid: 626b7164-1d9c3b08-076fdbdb"}，這個錯誤是因為沒有用請求頭 Content-Type為application/json，所以我改成了json數據post請求，這個報錯解決了。

第二種反饋：{"errcode":41001,"errmsg":"access_token missing rid: 626b7285-31e3f8d7-3556ca83"}，這個錯誤是因為access_token參數，我沒寫在url上，是和code一起寫在數組中傳值的，這樣是不對，應該寫到url上的，這個報錯解決了。

舊版本的后臺邏輯沒有寫出來，是因為微信以后要摒棄舊版本的寫法，這里就沒必要寫了，如果有不會的，可以網上搜索一下，建議大家還是用新版本獲取用戶手機號的寫法！小程序js文件中request請求，我用的是封裝后的寫法傳參的，你可以微信小程序原生的wx.request傳參寫法。以上就是微信小程序新版本與舊版本授權用戶手機號的教程了，僅供參考?。?！

關鍵詞： 數據結構 生命周期 后臺處理