微信開放平臺掃碼登陸獲取用戶基本信息！附可用demo

時間 2019-11-07

標籤微信開放平臺登陸獲取用戶基本信息可用 demo 简体版

原文原文鏈接

微信開放平臺提供了網站掃碼登陸的接口，用於獲取用戶基本信息（頭像，暱稱）方便網站快速接入微信登陸，快捷登陸。須要使用登陸接口，須要成爲微信開放平臺認證開發者（300元）才能夠得到這個接口權限。php

準備工做：

一、準備APPID、APPSECRET
二、準備接口地址
三、準備REDIRECT_URIcss

獲取code接口html

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

獲取acess_token、openid接口json

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

獲取用戶信息接口：api

https://api.weixin.qq.com/sns/userinfo?access_token=access_token&openid=openid

流程：

一、獲取CODE
二、獲取access_token、openid
三、獲取用戶信息微信

操做：

一、請求CODEsession

參數說明app

經過接口地址，拼接以上參數進行訪問便可curl

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=這裏填寫redirect_uri&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

redirect_uri說明
這是點擊上面地址掃碼後跳轉的地址，跳轉的地址回給你帶上兩個參數，code和state參數。post

state說明
用於保持請求和回調的狀態，受權請求後原樣帶回給第三方。該參數可用於防止csrf攻擊（跨站請求僞造攻擊），建議第三方帶上該參數，可設置爲簡單的隨機數加session進行校驗。

能夠本身生成隨機字符串，爲了簡單學習，我這裏用時間戳進行MD5加密簡單生成

<?php
$data = time();
$state = MD5($data);
?>

例如你的redirect_uri是http://www.baidu.com/login.php，那麼掃碼後，跳轉的地址會是這樣的。

http://www.baidu.com/login.php?code=生成的code&state=生成的state

固然redirect_uri須要進行urlEncode編碼。

<?php
$redirect_uri = urlEncode("http://www.baidu.com/login.php");
?>

最終獲取CODE的訪問連接就是這樣的：

<?php
$appid = "填寫你的APPID";
$redirect_uri = UrlEncode("http://www.baidu.com/login.php");
$data = time();
$state = MD5($data);
//跳轉頁面
echo "<script>location.href=\"https://open.weixin.qq.com/connect/qrconnect?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=snsapi_login&state=$state#wechat_redirect\";</script>";
?>

而後就跳轉到了一個掃碼的頁面了：

二、獲取access_token和openid

經過curl向接口發起請求便可

<?php
//從redirect_uri獲得code
$code = $_GET["code"];
$appid = "填寫你的";
$secret = "填寫你的";

//獲取access_token和openid
$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$secret&code=$code&grant_type=authorization_code";
function post($url) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
        $rst = curl_exec($ch);
        curl_close($ch);
        return $rst;
}

//發送請求
$result = post($url);
//返回接口的數據
$arr = json_decode($result,true);
//解析json，單獨把openid和access_token取出來待會用
$openid = $arr['openid'];
$token = $arr['access_token'];
?>

三、獲取用戶信息

<?php
//這裏是接着上面的代碼的
//獲取用戶信息須要openid 和 access_token
//獲取用戶信息
$getinfourl = "https://api.weixin.qq.com/sns/userinfo?access_token=$token&openid=$openid";
function getinfo($getinfourl) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $getinfourl);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
        $rst = curl_exec($ch);
        curl_close($ch);
        return $rst;
}

//發送請求獲取用戶信息
$info_result = getinfo($getinfourl);
//返回接口的數據
// echo $info_result;
$info_arr = json_decode($info_result,true);
$nickname = $info_arr['nickname'];
$headimgurl = $info_arr['headimgurl'];

//顯示頭像和暱稱
echo "<img src=\"$headimgurl\"/>";
echo "<h2>$nickname<h2>";
?>

完整代碼

code.php

<?php
$appid = "填寫你的";
$redirect_uri = UrlEncode("http://www.baidu.com/login.php");
$data = time();
$state = MD5($data);

echo "<script>location.href=\"https://open.weixin.qq.com/connect/qrconnect?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=snsapi_login&state=$state#wechat_redirect\";</script>";

?>

<!DOCTYPE html>
<html>
<head>
    <title>登陸成功！</title>
    <style type="text/css">
        *{margin:0px;padding: 0px;}
        #headimg{
            width: 180px;
            height: 180px;
            margin:100px auto 10px;
            border-radius: 100%;
        }

        #headimg img{
            width: 180px;
            height: 180px;
            border-radius: 100%;
        }

        h2{
            text-align: center;
        }

        p{
            text-align: center;
            font-size: 38px;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>

</body>
</html>

<?php
$code = $_GET["code"];
$appid = "填寫你的";
$secret = "填寫你的";

//獲取access_token和openid
$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$secret&code=$code&grant_type=authorization_code";
function post($url) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
        $rst = curl_exec($ch);
        curl_close($ch);
        return $rst;
}

//發送請求
$result = post($url);
//返回接口的數據
$arr = json_decode($result,true);
$openid = $arr['openid'];
$token = $arr['access_token'];

//獲取用戶信息
$getinfourl = "https://api.weixin.qq.com/sns/userinfo?access_token=$token&openid=$openid";
function getinfo($getinfourl) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $getinfourl);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
        $rst = curl_exec($ch);
        curl_close($ch);
        return $rst;
}

//發送請求獲取用戶信息
$info_result = getinfo($getinfourl);
//返回接口的數據
// echo $info_result;
$info_arr = json_decode($info_result,true);
$nickname = $info_arr['nickname'];
$headimgurl = $info_arr['headimgurl'];
$errcode = $info_arr['errcode'];

if ($errcode == "41001") {
    echo "<p>登陸失效，請從新掃碼登陸<p>";
    echo "<p><a href=\"code.php\">登陸</a><p>";
}else{
    echo "<div id=\"headimg\"><img src=\"$headimgurl\"/></div>";
    echo "<h2>$nickname<h2>";
    echo "<p>登陸成功<p>";
}
?>