Google recaptcha前后端通讯教程

Cola丿无情 · 发表于 2020-2-17 16:02:51

本帖最后由 Cola丿无情于 2020-2-17 16:28 编辑

第一次发教程贴，不足请见谅文末有开发文档

之前有几个人来问我recaptcha开发的问题，怎么讲也讲不清，这次利用这次机会讲清，手把手教会创建一个简单的recaptcha挑战

必备环境：Apache/nginx，php 也可以自己下个phpstudy，宝塔等懒人包
程序文件：

test.zip (1.8 KB, 下载次数: 34)

2020-2-17 14:33 上传

点击文件名下载附件
学习研究用密钥：https://bbs.125.la/forum.php?mod=viewthread&tid=14361436&extra= 在原帖的补充内容有
原帖子：https://bbs.125.la/forum.php?mod=viewthread&tid=14361436&extra=
功能要求：想要能够用户在填写表单时添加验证码挑战，能够在不刷新网页的情况下进行验证码挑战的判断（即验证码挑战是否通过）

可能有的人易语言写多了，就懒的搞这些php，html英文编程了，这里逐块地分析这里放了两张图，第二张在后面：
第一张：前端

js作用：
jquery.min.js：网页加入jQuery，可以让你的代码量少很多，本次功能要求中的“能够在不刷新网页的情况下进行验证码挑战的判断”就需要它
api.js：请求recaptcha验证码挑战必备的js

过程（line 11-15）：在一个表单<form>中添加一个类为“g-recaptcha”的div层，层中的data-sitekey填写你的recaptcha前端密钥，当点击表单提交按钮时，会自动将g-recaptcha-response值提交给后端；你也可以不用创建一个表单，你可以在一个按钮点击时执行。

grecaptcha.getresponse();

可以在控制台实验一下（前提是recaptcha必须要被挑战通过，才有response值）。
批注 2020-02-17 145849.png

动态进行验证码挑战的判断（line 17-37）：这里要用到ajax操作，我不多说，怕解释的不行。网页不刷新进行提交数据，这并不符合表单的一贯作风，所以必须要加上

e.preventDefault();

这段代码，以禁止网页刷新。
后面的getjson()其实并不是获取什么json，我只是把它用作获取captcha.php执行的结果而已，执行结果以数字来代替。
$('#register').serialize(); 这段代码可以自动帮你封装get或post数据，全自动url编码，就是获取表单里的填写值了，不用你再去傻傻地敲代码了，如图
批注 2020-02-17 151116.png

后面的if判断，可以说是每返回一个数字所代表的含义不同

第二张：后端

先判断是否恶意提交，即response是否为空（line 4-6）
ssl免验证（line 12-17），必须需要这个，否则你的网页会出现:先是加载半天进不去，然后报错，如图

stream_context_create()：可用于fopen(),file_get_contents()等过程的超时设置、代理服务器、请求方式、头信息设置的特殊过程。其中，我们所需创建的ssl协议头就需要这个，否则你会出现：

file_get_contents():可以理解为易语言中http读文件
过了json_decode解码后，就剩下最后一步：验证“success”值
json解码后是一个数组，但是我们要获取数组成员值时不能像易语言中的加“[]”这个符号了，而要用“->”，前后无需空格！

写了这么久，我感觉我是在详解php各函数。
看看成果
批注 2020-02-17 162616.png

我个人对recaptcha的看法：
优势：开发成本低（听说GitHub能找到类库），免费，安全，防灌水能力强
劣势：有时要反复验证好几次才能过，控制台网站不能进
我现在还没有找到能够过recaptcha的方法，所以说能过recaptcha的可能是假的（毕竟国外大多数网站防灌水系统都是recaptcha）

另外，安利下ACE编辑器，本贴的代码截图均来自ACE编辑器

文档，不翻译了，经常用写代码的人大概能懂
前台开发文档：
超级截屏_20200217_151945_看图王.png

后台开发文档：

Cola丿无情 · 发表于 2020-4-5 17:11:18

谷歌官方文档：

客户Duan集成.7z (986.73 KB, 下载次数: 23)

yu520 · 发表于 2022-7-22 22:50:09

我来看看还能用吗

zhuxiaobo3 · 发表于 2021-10-26 22:40:49

牛逼！！！！！

zhuxiaobo3 · 发表于 2021-10-26 17:59:03

学习了很好

cathrieir · 发表于 2021-5-12 14:51:24

下载学习了，谢谢

eworm · 发表于 2021-2-22 15:49:42

miniblink

SZQ1995 · 发表于 2021-2-19 08:49:01

可以加q 联系吗

736917271 · 发表于 2020-3-3 21:10:39

提示: 该帖被管理员或版主屏蔽

847950462 · 发表于 2020-2-27 21:55:45

感谢分享

xuxuand · 发表于 2020-2-26 15:24:13

66666666666

		自动登录	找回密码
密码			注册

736917271 736917271 当前离线用户组 T.3 总帖数阅读权限 30 关注数头像被屏蔽	发表于 2020-3-3 21:10:39 \| 显示全部楼层美国提示: 该帖被管理员或版主屏蔽

	回复支持反对使用道具举报

[其它] Google recaptcha前后端通讯教程