php實作微信掃碼登入的方法:1、透過js實例化一個物件;2、在html中定義一個div並包含二維碼;3、在$(document).ready()內進行實例化即可。
本文操作環境:windows10系統、php 7、thinkpad t480電腦。
微信已經成為我們日常生活中不可或缺的一部分,為了讓更多的使用者更方便地使用微信及相關產品,微信掃一掃功能越來越普遍。那如果我們要自己實現這個功能該如何做呢?
再給具體的實作程式碼之前,我們先來分析下微信掃碼登入的流程。
首先我們必須要把二維碼放在頁面上顯示出來,二維碼是有失效時間以及失效狀態的,一旦你掃過一次二維碼或在某段時間內沒有掃描頁面上的二維碼,那麼這個二維碼也就失效了。微信官網給我們提供了兩種方式來顯示二維碼,一種是後台發請求回傳一個新的頁面,另一種是前端js實例化二維碼內嵌在自己的頁面上。很顯然第一種方式比較簡單方便,但是在實際的專案中兩種方式都會使用到,既然如此我們就把這兩種方式都說明一下。
1、後台發送請求取得微信回傳的掃碼頁面
$redirect_uri="http://你的微信开放平台绑定域名下处理扫码事件的方法"; $redirect_uri=urlencode($redirect_uri);//该回调需要url编码 $appID="你的appid"; $scope="snsapi_login";//写死,微信暂时只支持这个值 //准备向微信发请求 $url = "https://open.weixin.qq.com/connect/qrconnect?appid=" . $appID."&redirect_uri=".$redirect_uri."&response_type=code&scope=".$scope."&state=STATE#wechat_redirect"; //请求返回的结果(实际上是个html的字符串) $result = file_get_contents($url); //替换图片的src才能显示二维码 $result = str_replace("/connect/qrcode/", "https://open.weixin.qq.com/connect/qrcode/", $result); return $result; //返回页面
這樣子就會回傳一個這樣的頁面,掃描後呼叫$redirect_uri
#2、內嵌JS顯示:
這裡就是透過js端實例化一個物件即可,先在
標籤內加入如下js文件,<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
其次在html中定義一個div包含二維碼,
<div id="login_container"></div>
最後在$(document).ready()內進行實例化:
$(document).ready(function() { var obj = new WxLogin ({ id:"login_container",//div的id appid: "你的appid", scope: "snsapi_login",//写死 redirect_uri:encodeURI("你的处理扫码事件的方法") , state: "", style: "black",//二维码黑白风格 href: "https://某个域名下的css文件" }); });
注意其中href裡指向的css檔案必須放在https協議下才能引用的到,不然頁面上就是預設樣式(顯示上是比較大的二維碼,你無法調整二維碼的大小,位置,太痛苦了)。最後部分頁面大概長成這樣,這裡的二維碼大概只有140px:
好了,二維碼出現在頁面上了,接下來我們就要大概的講講掃碼的邏輯了,整個流程大概分為5步:
#走完這五步你就拿到掃碼用戶的所有資訊了,之後再寫上自己需要的的程式碼邏輯即可(如重定向或登陸),在程式碼裡的表現形式如下:
//回调 public function codeinfo() { $code = $_GET["code"]; $appid = "你的appid"; $secret = "你的secret"; if (!empty($code)) //有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); $access_token = $resultArray["access_token"]; $openid = $resultArray["openid"]; //通过access_token + openid 获得用户所有信息,结果全部存储在$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); } }
相信大家在寫完上面的程式碼之後已經對掃一掃登入的流程很清楚了,其實本質上就是多個微信介面的配合呼叫而已。
推薦學習:php培訓
以上是php怎麼實現微信掃碼登錄的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文比較了酸和基本數據庫模型,詳細介紹了它們的特徵和適當的用例。酸優先確定數據完整性和一致性,適合財務和電子商務應用程序,而基礎則側重於可用性和

本文討論了確保PHP文件上傳的確保,以防止諸如代碼注入之類的漏洞。它專注於文件類型驗證,安全存儲和錯誤處理以增強應用程序安全性。

本文討論了在PHP中實施API速率限制的策略,包括諸如令牌桶和漏水桶等算法,以及使用Symfony/Rate-limimiter之類的庫。它還涵蓋監視,動態調整速率限制和手

本文討論了使用password_hash和pyspasswify在PHP中使用密碼的好處。主要論點是,這些功能通過自動鹽,強大的哈希算法和SECH來增強密碼保護

本文討論了OWASP在PHP和緩解策略中的十大漏洞。關鍵問題包括注射,驗證損壞和XSS,並提供用於監視和保護PHP應用程序的推薦工具。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

WebStorm Mac版
好用的JavaScript開發工具