微信掃碼登錄demo

前端代碼demo

<!DOCTYPE html>

<html lang="en">

<head>

? ? <meta charset="UTF-8">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <meta http-equiv="X-UA-Compatible" content="ie=edge">

? ? <title>Document</title>

</head>

<body>

<div id="login_container"></div>

<script src="javascript/jquery-1.9.1.js"></script>

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

<script>

$(document).ready(function(){

//獲取鏈接上的參數(shù)

function GetQueryString(name){

? ? var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

? ? var r = window.location.search.substr(1).match(reg);

? ? if(r!=null)return? unescape(r[2]); return null;

}

? ? var obj = new WxLogin

? ? ({

? ? ? ? id:"login_container",//div的id

? ? ? ? appid: "appid",

? ? ? ? scope: "snsapi_login",//寫死

? ? ? ? redirect_uri:encodeURI("返回地址") ,

? ? ? ? state: "",

? ? ? ? style: "black",//二維碼黑白風(fēng)格? ? ? ?

? ? ? ? // href: "https://某個域名下的css文件"

? ? });

? ? if(GetQueryString('code')){

? ? ? ? // $('#login_container').hide();

? ? ? ? $.ajax({

? ? ? ? ? ? type:'post',

? ? ? ? ? ? url:'a.php',? ?//接口地址

? ? ? ? ? ? data:{

? ? ? ? ? ? ? ? code:GetQueryString('code'),

? ? ? ? ? ? },

? ? ? ? ? ? dataType:'json',

? ? ? ? ? ? success:function(data){

? ? ? ? ? ? ? ? console.log(data);

? ? ? ? ? ? },

? ? ? ? ? ? error:function(a){

? ? ? ? ? ? ? ? alert(a.status);

? ? ? ? ? ? }

? ? ? ? });

? ? }

});

</script>

</body>

</html>


php代碼demo

$code = $_POST["code"];

? ? ? ? $appid = "appid";

? ? ? ? $secret = "secret";

? ? ? ? if (!empty($code)) {

? ? ? ? ? ? //通過code獲得 access_token + openid

? ? ? ? ? ? $url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=" .$appid. "&secret=" . $secret . "&code=" . $code . "&grant_type=authorization_code";

? ? ? ? ? ? $jsonResult = file_get_contents($url);

? ? ? ? ? ? $resultArray = json_decode($jsonResult, true);

? ? ? ? ? ? // print_r($resultArray);exit;

? ? ? ? ? ? /*

? ? ? ? ? ? $resultArray 返回數(shù)據(jù)demo

? ? ? ? ? ? access_token: "21_2pFwLYd9sWCQ1V7FA-yeqgdXefEFB10Zw1-acZ_qJzdD7xDVZ1E-rzluTNv6_ipGX42K42Lq8T96t9u6NIeDPg"

? ? ? ? ? ? expires_in: 7200

? ? ? ? ? ? openid: "ouaAL6OZ-C4l56SglvMiKsQYG9jM"

? ? ? ? ? ? refresh_token: "21_sR7QWDUQK_2PivOkx4moR88nvDHVn6iZdyqNzK_NLCgm0O9j5CG5bmLawAqN6FV4Y2M6g1KUm3iUUlOu5VPghQ"

? ? ? ? ? ? scope: "snsapi_login"

? ? ? ? ? ? unionid: "oEwJB1dOM6TbFCasdlfjackRaTo8"

? ? ? ? ? ? */

? ? ? ? ? ? $access_token = $resultArray["access_token"];

? ? ? ? ? ? $openid = $resultArray["openid"];

? ? ? ? ? ? //通過access_token + openid 獲得用戶所有信息,結(jié)果全部存儲在$infoArray里,后面再寫自己的代碼邏輯

? ? ? ? ? ? $infoUrl = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid;

? ? ? ? ? ? $infoResult = file_get_contents($infoUrl);

? ? ? ? ? ? $infoArray = json_decode($infoResult, true);

? ? ? ? ? ? /*

? ? ? ? ? ? $infoArray 返回數(shù)據(jù)demo

? ? ? ? ? ? ? ? city: "Shenzhen"

? ? ? ? ? ? ? ? country: "CN"

? ? ? ? ? ? ? ? headimgurl: "http://thirdwx.qlogo.cn/mmopen/vi_32/JRsX9GSGiaPeIkcuwrSmh2ebPO2C6v0jmRmWA32rzvw4TmI66665Idq5GUYib0OZZua802ZAP3E6DWUiayFtv7N9A/132"

? ? ? ? ? ? ? ? language: "zh_CN"

? ? ? ? ? ? ? ? nickname: "?"

? ? ? ? ? ? ? ? openid: "ouaAL6OZ-C4l6666lvMiKsQYG9jM"

? ? ? ? ? ? ? ? privilege: []

? ? ? ? ? ? ? ? province: "Guangdong"

? ? ? ? ? ? ? ? sex: 1

? ? ? ? ? ? ? ? unionid: "oEwJB1dOM6TbFCnLQlfj6666aTo8"

? ? ? ? ? ? */

? ? ? ? ? ? echo json_encode(array('a'=>$resultArray,'b'=>$infoArray));

? ? ? ? }

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末昆烁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子缎岗,更是在濱河造成了極大的恐慌静尼,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,640評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件传泊,死亡現(xiàn)場離奇詭異鼠渺,居然都是意外死亡,警方通過查閱死者的電腦和手機或渤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評論 3 395
  • 文/潘曉璐 我一進店門系冗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人薪鹦,你說我怎么就攤上這事掌敬。” “怎么了池磁?”我有些...
    開封第一講書人閱讀 165,011評論 0 355
  • 文/不壞的土叔 我叫張陵奔害,是天一觀的道長。 經(jīng)常有香客問我地熄,道長华临,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,755評論 1 294
  • 正文 為了忘掉前任端考,我火速辦了婚禮雅潭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘却特。我一直安慰自己扶供,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,774評論 6 392
  • 文/花漫 我一把揭開白布裂明。 她就那樣靜靜地躺著椿浓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪闽晦。 梳的紋絲不亂的頭發(fā)上扳碍,一...
    開封第一講書人閱讀 51,610評論 1 305
  • 那天,我揣著相機與錄音仙蛉,去河邊找鬼笋敞。 笑死,一個胖子當(dāng)著我的面吹牛捅儒,可吹牛的內(nèi)容都是我干的液样。 我是一名探鬼主播振亮,決...
    沈念sama閱讀 40,352評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼巧还,長吁一口氣:“原來是場噩夢啊……” “哼鞭莽!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起麸祷,我...
    開封第一講書人閱讀 39,257評論 0 276
  • 序言:老撾萬榮一對情侶失蹤澎怒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后阶牍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體喷面,經(jīng)...
    沈念sama閱讀 45,717評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,894評論 3 336
  • 正文 我和宋清朗相戀三年走孽,在試婚紗的時候發(fā)現(xiàn)自己被綠了惧辈。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,021評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡磕瓷,死狀恐怖盒齿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情困食,我是刑警寧澤边翁,帶...
    沈念sama閱讀 35,735評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站硕盹,受9級特大地震影響符匾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瘩例,卻給世界環(huán)境...
    茶點故事閱讀 41,354評論 3 330
  • 文/蒙蒙 一啊胶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧垛贤,春花似錦焰坪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至部凑,卻和暖如春露乏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涂邀。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評論 1 270
  • 我被黑心中介騙來泰國打工瘟仿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人比勉。 一個月前我還...
    沈念sama閱讀 48,224評論 3 371
  • 正文 我出身青樓劳较,卻偏偏與公主長得像驹止,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子观蜗,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,974評論 2 355

推薦閱讀更多精彩內(nèi)容