微信小程序實現微信登陸(TP5后端)


思路:

  1. 小程序登錄獲取code,將code傳到后台;
  2. 后台用code得到微信用戶id,即openid,將openid存儲在用戶表中,完成綁定
  3. 登錄時,再次獲取code並傳給后台,得到openid,若用戶表中存在,便可直接登錄

以下僅是代碼片段,更多代碼在Github

back_end/application/api/controller
mini_program/pages/student_mine
mini_program/pages/login

微信與小程序賬號綁定

小程序前端獲取code,將code與id傳回后台

wx_binding: function () {
    var that = this
    wx.login({
        success: function (res) {
            console.log("code: ", res.code)
            wx.request({
                url: '******/user/wxbinding',
                data: {
                    code: res.code,
                    id: getApp().globalData.user.id,
                },
                method: "POST",
                header: {
                    "Content-Type": "application/x-www-form-urlencoded"
                },
            })
        }
    })
}

ThinkPHP5后端接受到code,用code得到openid,並將openid與賬號id綁定

public function wxBinding() {
    $url = "https://api.weixin.qq.com/sns/jscode2session";
    // 參數
    $params = array();
    $params['appid'] = '******';
    $params['secret'] = '******';
    $params['js_code'] = $_POST['code'];
    $params['grant_type'] = 'authorization_code';

    // 微信API返回的session_key 和 openid
    $arr = $this -> httpCurl($url, $params, 'POST');
    $arr = json_decode($arr, true);

    // 判斷是否成功
    if (isset($arr['errcode']) && !empty($arr['errcode'])) {
        return json(['error_code' => '2', 'msg' => $arr['errmsg'], "result" => null]);
    }
    $openid = $arr['openid'];

    // 插入openid
    $bind = db('user') -> where('id', $_POST['id']) -> update(['openid' => $openid]);
    if ($bind) {
        return json(['error_code' => '0', 'msg' => '綁定成功']);
    } else {
        // 找不到賬號
        return json(['error_code' => '1', 'msg' => '綁定失敗']);
    }
}

解密獲取openid

use \think\Exception;

function httpCurl($url, $params, $method = 'GET', $header = array(), $multi = false) {
    date_default_timezone_set('PRC');
    $opts = array(
        CURLOPT_TIMEOUT => 30,
        CURLOPT_RETURNTRANSFER => 1,
        CURLOPT_SSL_VERIFYPEER => false,
        CURLOPT_SSL_VERIFYHOST => false,
        CURLOPT_HTTPHEADER => $header,
        CURLOPT_COOKIESESSION => true,
        CURLOPT_FOLLOWLOCATION => 1,
        CURLOPT_COOKIE
            => session_name(). '='.session_id(),
    );

    /* 根據請求類型設置特定參數 */
    switch (strtoupper($method)) {
        case 'GET':
            // $opts[CURLOPT_URL] = $url . '?' . http_build_query($params);
            // 鏈接后拼接參數  &  非?
            $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;
}

微信登錄小程序

小程序前端返回code

wx.login({
    success: function (res) {
        console.log("code: ", res.code)
        wx.request({
            url: '******/user/wxlogin',
            data: {
                code: res.code,
            },
            method: "POST",
            header: {
                "Content-Type": "application/x-www-form-urlencoded"
            },
            success: function (res) {
            },
        })
    }
})

后端獲取openid,若有用戶,返回用戶信息給小程序

public function wxLogin() {
    if (empty($_POST['code'])) {
        return json(['error_code' => '1', 'msg' => '請輸入code!']);
    }
    $url = "https://api.weixin.qq.com/sns/jscode2session";
    // 參數
    $params = array();
    $params['appid'] = '******';
    $params['secret'] = '******';
    $params['js_code'] = $_POST['code'];
    $params['grant_type'] = 'authorization_code';

    // 微信API返回的session_key 和 openid
    $arr = $this -> httpCurl($url, $params, 'POST');
    $arr = json_decode($arr, true);

    // 判斷是否成功
    if (isset($arr['errcode']) && !empty($arr['errcode'])) {
        return json(['error_code' => '2', 'msg' => $arr['errmsg'], "result" => null]);
    }

    $openid = $arr['openid'];
    // $session_key = $arr['session_key'];

    // 從數據庫中查找是否有該openid
    $user = db('user') -> where('openid', $openid) -> find();

    if ($user) {
        unset($user['openid']);  // 刪除openid
        unset($user['password']);  // 刪除密碼
        return json(['error_code' => '0', 'msg' => '登錄成功', 'data' => $user]);

    } else {
        // 該微信用戶沒有綁定賬號
        return json(['error_code' => '1', 'msg' => '您沒有綁定賬號,請登錄后在“我的”頁面綁定~']);
    }
}

學習博客:
小程序和ThinkPHP5結合實現登錄狀態(附代碼)
微信小程序授權登錄+Tp5后端
從零開始開發微信小程序(三):微信小程序綁定系統賬號並授權登錄之微信端


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM