2015年7月7日 星期二

[舊文] 教你如何使用reCAPTCHA驗證圖PHP V2.0之part 1篇

Google的reCAPTCHA驗證碼,分成4篇做說明,keys申請、PHP V1.0、PHP V2.0 ver 1.0.0、PHP V2.0 ver 1.1.2,此篇將說明PHP V2.0 ver 1.0.0部份

V2.0算是採用現在主流的網頁寫法,就是顯示部份用js替換div容器,而且div容器,還可以有data參數,不在只是作為css樣式用,js與div搭配後,使用的靈活性十分的高,這邊建議先用過 教你如何使用Google的reCAPTCHA驗證碼PHP V1.0 前篇的方式,在來用這篇的V2.0,不然會被js與div之間的調用,搞的一個頭,兩個大

對觀看reCAPTCHA驗證碼的人來說,V2.0是用觸控及點擊方式,有不少網站已經在使用,目前每隔一陣子,會更新代碼,留意一下,PHP的版本需要5.4.3以上

運行結果如下




為何有時沒出現確認圖,有時又會出現?同ip連入次數過多時,就會出現




V2.0版本介紹 https://developers.google.com/recaptcha/intro

請先看過 教你如何使用Google的reCAPTCHA驗證碼keys申請 並已有site key及secret key

reCAPTCHA V2.0,解說起來,比較麻煩,它又有新舊版之分,在一些主機上,似乎不認得$recaptcha = new \ReCaptcha\ReCaptcha($secret);這樣的寫法,會報反斜線錯誤,所以會先介紹1.0.0,在介紹1.1.2,原則上,只要正常能run,還能運行,不用太care新舊版

https://github.com/google/recaptcha/tree/1.0.0 點擊右邊Download Zip下載或進入php目錄copy代碼,用它的範例run會報錯,$_POST沒加isset還有一處error,所以請下載本篇範例檔,zip解壓後,使用他來run

PHP V2.0 ver 1.0.0 本篇範例檔下載,用 7-zip 之類壓縮軟體解壓,後用 文字編輯軟體 打開


drive.googleonedrive.livedropboxsync.hamicloud.net


代碼有時,並不好解說,只能意會,想了許久,這邊建議大家下載範例後,在 wampsever 之類的架站軟體上運行,才能比較知道,要如何使用,然後在copy,自己所需要的部份

請注意一下,裡面各test運行檔,必須換上你的site key及secret key,才能運行

另外,由於PHP V2.0 ver 1.0.0不會在更新,如果你的主機,無法運行最新版本,可使用範例檔內的代碼,或是使用前一篇的PHP V1.0代碼

phpex002/v100/test1.php 此方式為div容器,data設置site key值




phpex002/v100/test2.php 和上述一樣,差別在於,div容器設data-theme參數變更外觀,js為非同步延遲調用




phpex002/v100/test3.php 此方式為div容器設id,js可以靈活的設置其他參數及值,給對應的div容器id




phpex002/v100/test4.php 此方式可以取得回應值、重置、取得回應值及提交




phpex002/v100/test5.php 目前已失效,就不拍圖了


後續文章 → 教你如何使用reCAPTCHA驗證圖PHP V2.0之part 2篇


對上述圖文教學,還不太明白的話,請至下方連結,查看 youtube 視頻解說

視頻解說之第一部分 https://www.youtube.com/watch?v=GPpvLJ-n7Eg

謝謝大家,抽空觀看,files備份檔名 webscript01007

Teach you how to use Google reCAPTCHA PHP V2.0

沒有留言:

張貼留言

留言後,需等待,站長的查看,才會公開,請勿重複留言,謝謝