reCAPTCHA Javascript的详细指南

543 阅读4分钟

reCAPTCHA Javascript简介

下面的文章提供了一个reCAPTCHA Javascript的大纲。谷歌的reCAPTCHA是谷歌分析用户互动模式的优秀机器人识别工具之一,它可以确定用户是一个机器人还是一个实时的人;这将很难模拟识别这些模式,而且大多数时候reCAPTCHA是成功阻止垃圾邮件的,如果验证码失败,指定的域名将抛出错误。

什么是reCAPTCHA javascript?

reCAPTCHA是一种用于从暂存服务器或本地主机加载网页的类型,它将坚持只在满足条件的指定域名上抛出错误。验证码设置网页将暂时停止域名对用户数据的验证。否则,我们可以使用图标按下设置,并在用户登录时更新。我们在版本3中使用了reCAPTCHA的JavaScript版本。API将返回一个数据分数,表明谷歌是否接受机器人,所以用户互动可能需要满足条件。reCAPTCHA第2版有单独的javascript jQuery库,如果应用是html等其他语言,将接受用户的验证。

如何使用reCAPTCHA的javascript?

一般来说,我们可以在Morweb网站的网站上设置reCAPTCHA,这是一个简单的事情,可以通过以下步骤进行访问。

首先,我们可以为网站设置带密钥对的API,这样可以防止恶意或病毒软件在网站上使用一些滥用行为参与。当reCAPTCHA采用了先进的风险分析引擎,它适应了可以用于合法用户的挑战,它可以在某些页面上进行购买,同时为账户建立,假用户将被禁止在某些限制上。我们可以在第一步程序中设置API密钥对。

进入我们选择的第一个网站Admin Console:

reCAPTCHA Javascript output 1

我们得到了一个像下面这样的页面:

reCAPTCHA Javascript output 2

我们输入了所需的细节来填写新网站和应用程序的网页的注册。我们可以在所需的文本框中输入网站的URL;然后,我们选择reCAPTCHA类型,如v2和v3,以满足挑战的具体分数的验证要求。在域名部分的帮助下,我们可以根据要求添加新的域名;所有者部分将根据依赖性添加用户的电子邮件。最后,我们可以接受reCAPTCHA的条款和条件;如果我们需要对特定的所有者发出警报,我们可以在所需的选项上打勾。结果是,我们可以得到以下的API密钥:

reCAPTCHA Javascript output 3

然后,我们可以进入应用程序的Morweb网站后台,即通过使用服务选项;我们可以输入reCAPTCHA选项:

reCAPTCHA Javascript output 4

请从Google reCAPTCHA中复制上述网站密钥和秘密密钥,并将其粘贴到Morweb的字段中:

reCAPTCHA Javascript output 5

一旦我们输入Site key,它将验证密钥,并在控制台屏幕上显示它是否将验证用户数据成功验证或不。

reCAPTCHA javascript代码示例

谷歌的reCAPTCHA是防止垃圾邮件和机器人在基于网络的应用程序上填写表格的最流行的解决方案之一。当我们进入reCAPTCHA时,系统要求用户解决那些对人类来说比较简单的谜语。它将处理防止机器人完成验证的困难。如果在用户端完成reCAPTCHA挑战之前,表单不应该被提交,那么它将进入验证,要么是前端本身,要么是后端;这取决于需求。

例子

<html>
<head>
<title>

欢迎来到我的域名

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src='https://www.google.com/reCAPTCHA/api.js' async defer></script>
</title>
</head>
<body>
<form action="?" method="POST">
<div class="form-group">
<div class="g-reCAPTCHA" data-sitekey="6LfONEUeAAAAALq-9_eXbJictuiilrMbaux6T4Fv">
</div>
</div>
<div class="form-group">
<div class="checkbox">
<label><input type="checkbox" id="check_rules" name="check_rules" required />

请勾选方框

</label>
</div>
</div>
<div class="form-group">
<input type="submit" id="submit" name="submit" value="submit" class="btn-btn-success"/>
</div>
</form>
</body>
</html>
<script>
$(document).on('click','#submit,function()
{
var response =  greCAPTCHA.getResponse();
alert(response);
});
</script>

输出示例

output 6

在上面的例子中,我们使用Apache服务器来托管网页,如php、javascript、html代码。在这里,我使用了像复选框、标签、文本框等html元素。html元素的默认类,如btn-btn-success、g-reCAPTCHA和form-group,用于表单相关的html元素。每个类都有标签元素和属性,用于执行复杂UI的客户端操作。此外,我们使用jQuery和reCAPTCHA APIs如js CDN来执行网络操作。g-reCAPTCHA是在网页中启用验证码功能的默认类之一;data-site key属性将用于Site key,它已经被用户使用Google reCAPTCHA或其他验证码网站创建。我使用localhost作为域名来创建验证码网站密钥。

output 7

output 8

谷歌reCAPTCHA javascript

最后,它通过防止垃圾邮件记录被插入数据库来节省服务器空间。而且,它还通过防止那些从未被送到收件箱或其他一些由用户维护的文件夹中的垃圾邮件评论来节省时间。因此,不会再有单独间隔的电子邮件收件箱清理时间。当我们在网站表单中使用谷歌reCAPTCHA时,更有必要建立一个代码并验证reCAPTCHA的响应。只有在用户输入有效的情况下,表单才会进展。

结论

reCAPTCHA是一个重要的功能,现在,它已经可以用来验证用户输入的数据了。在谷歌分析工具的帮助下,它可以很好地识别机器人,以确定用户是一个人还是一个机器。