微信開放平台掃碼登入擷取使用者基本資訊！附可用demo

微信開放平台提供了網站掃碼登入的接口，用于擷取使用者基本資訊（頭像，昵稱）友善網站快速接入微信登入，快捷登入。需要使用登入接口，需要成為微信開放平台認證開發者（300元）才可以獲得這個接口權限。

準備工作：

1、準備APPID、APPSECRET

2、準備接口位址

3、準備REDIRECT_URI

擷取code接口

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接口

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

擷取使用者資訊接口：

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

流程：

1、擷取CODE

2、擷取access_token、openid

3、擷取使用者資訊

操作：

1、請求CODE

參數說明

微信開放平台掃碼登入擷取使用者基本資訊！附可用demo

通過接口位址，拼接以上參數進行通路即可

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參數。

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>";
?>

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

微信開放平台掃碼登入擷取使用者基本資訊！附可用demo

2、擷取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'];
?>

3、擷取使用者資訊

<?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>";
}
?>

DEMO:http://www.likeyunba.com/WX-OPEN-LOGIN/code.php

時間：2018-1-26

作者：TANKING

網站：http://likeyunba.com

學習交流微信：face6009

微信開放平台掃碼登入擷取使用者基本資訊！附可用demo

準備工作：

流程：

操作：

完整代碼

DEMO:http://www.likeyunba.com/WX-OPEN-LOGIN/code.php

繼續閱讀

第三章 Joomla!擴充開發--後端開發（續2）

Centos 7 Apache配置虛拟主機

PHP進階學習之session寫入資料庫

php寫一個簡潔的登入頁面

Apache與PHP環境下配置本地虛拟主機

Testlink安裝部署之XAMPP

TestLink 圖表中文亂碼問題

ecshop屬性排序

Ubuntu16.04安裝Apache+MySQL+PHP1. 安裝Apache2. 安裝MySQL3. 安裝PHP4. 安裝phpMyAdmin

版本号隐藏

Apache配置SSLApache配置SSL

配置apache支援PHP（win7）

Cloud Studio初體驗

NOSQL安全攻擊

php 去掉字元串的最後一個字元及截取原字元串1,2,3,4,5,6,

php——水印