這篇文章主要介紹了Thinkphp5小程式擷取使用者資訊介面的執行個體詳解的相關資料,希望通過本文能協助到大家,需要的朋友可以參考下
Thinkphp5小程式擷取使用者資訊介面的執行個體詳解
首先在官網下載範例程式碼, 選php的,
這裡有個坑
官方的php檔案,編碼是UTF-8+的, 所以要把檔案改為UTF-8
然後在Thinkphp5 extend檔案夾下建立Wxxcx命名空間,把官方的幾個類檔案放進去(這裡要注意檔案夾名, 命名空間名, 類名的, 大小寫,一定要一樣,官方的檔案名稱和類名大小寫不一樣)
然後是自己的thinkphp介面代碼:
<?php /** * Created by PhpStorm. * User: leeoo * Date: 2017/9/14 0014 * Time: 10:43 */ namespace app\api\controller\v1; use think\Loader; use think\Request; use Workerman\Protocols\Http; use Wxxcx\WXBizDataCrypt; use first\second\Foo; class Index { public function index($id) { return json(['msg' => $id]); } public function dologin() { $code = Request::instance()->param('code'); $encryptedData = Request::instance()->param('encryptedData'); $iv = Request::instance()->param('iv'); $appid = "你的小程式appid"; $secret = "你的小程式secret"; //appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code $param = array( 'appid' => $appid, 'secret' => $secret, 'js_code' => $code, 'grant_type' => 'authorization_code' ); //http函數為封裝的請求函數 $res = http("https://api.weixin.qq.com/sns/jscode2session", $param, 'post'); $arr = json_decode($res, true); $result = $this->wxdecode($encryptedData, $iv, $arr['session_key'], $appid); //return json($result); if ($result) { return json(['code' => 1]); } else { return json(['code' => -1]); } } public function wxdecode($encryptedData, $iv, $sessionKey, $appid) { //Loader::import('Wxxcx\WXBizDataCrypt', EXTEND_PATH); $pc = new WXBizDataCrypt($appid, $sessionKey); $data = null; $errCode = $pc->decryptData($encryptedData, $iv, $data); //echo $data; //return json(['data'=>$data]); $data = json_decode($data); if ($errCode == 0) { //print($data . "\n"); //dump($data); return $data; } else { //print($errCode . "\n"); //dump($errCode); return $errCode; } } }
http封裝函數:
/** * 發送HTTP要求方法 * @param string $url 請求URL * @param array $params 請求參數 * @param string $method 要求方法GET/POST * @return array $data 響應資料 */ function http($url, $params, $method = 'GET', $header = array(), $multi = false){ $opts = array( CURLOPT_TIMEOUT => 30, CURLOPT_RETURNTRANSFER => 1, CURLOPT_SSL_VERIFYPEER => false, CURLOPT_SSL_VERIFYHOST => false, CURLOPT_HTTPHEADER => $header ); /* 根據請求類型設定特定參數 */ switch(strtoupper($method)){ case 'GET': $opts[CURLOPT_URL] = $url . '?' . http_build_query($params); break; case 'POST': //判斷是否傳輸檔案 $params = $multi ? $params : http_build_query($params); $opts[CURLOPT_URL] = $url; $opts[CURLOPT_POST] = 1; $opts[CURLOPT_POSTFIELDS] = $params; break; default: throw new Exception('不支援的請求方式!'); } /* 初始化並執行curl請求 */ $ch = curl_init(); curl_setopt_array($ch, $opts); $data = curl_exec($ch); $error = curl_error($ch); curl_close($ch); if($error) throw new Exception('請求發生錯誤:' . $error); return $data; }
然後是小程式的代碼:
// 擷取使用者資訊 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已經授權,可以直接調用 getUserInfo 擷取頭像暱稱,不會彈框 wx.getUserInfo({ success: res => { console.log(res); var encryptedData = res.encryptedData var iv = res.iv wx.request({ url: "https://你的伺服器位址/dologin",//dologin是訪問後端的方法 method: "post", data: { code: code, encryptedData: encryptedData, iv: iv }, success: function (ret) { console.log(ret); } }) // 可以將 res 發送給後台解碼出 unionId this.globalData.userInfo = res.userInfo // 由於 getUserInfo 是網路請求,可能會在 Page.onLoad 之後才返回 // 所以此處加入 callback 以防止這種情況 if (this.userInfoReadyCallback) { this.userInfoReadyCallback(res) } } }) } } }) },
如果有報錯, 自己調試一下, 看看哪裡的變數有問題 尋找原因.