如何使用google recaptcha v2在html和node.js应用程序中验证表单提交
Google reCAPTCHA v2是一种用于验证表单提交的人机识别工具。它可以帮助网站和应用程序防止恶意机器人和自动化脚本的攻击，确保用户提交的表单数据的真实性和安全性。
在HTML中使用Google reCAPTCHA v2验证表单提交的步骤如下：
- 注册reCAPTCHA API密钥：
- 访问Google reCAPTCHA官方网站（https://www.google.com/recaptcha）。
- 点击"Get reCAPTCHA"按钮，登录您的Google账号。
- 在"Register a new site"页面，填写您的网站域名和可选的标签。
- 接受服务条款后，点击"Submit"按钮。
- 在下一个页面，您将获得一个Site key和一个Secret key，这些密钥将用于在网站中集成reCAPTCHA。
- 在HTML表单中添加reCAPTCHA部分：
- 在表单中添加一个div元素，用于显示reCAPTCHA小部件。
- 在div元素中，添加一个data-sitekey属性，值为您在第一步中获得的Site key。
- 示例代码：
- 示例代码：
- 引入reCAPTCHA JavaScript库：
- 在HTML页面的<head>标签中，添加以下代码来引入reCAPTCHA JavaScript库。
- 示例代码：
- 示例代码：
- 验证表单提交：
- 在服务器端，使用相应的后端语言（如Node.js）来验证reCAPTCHA响应。
- 在表单提交的处理程序中，获取reCAPTCHA响应参数（g-recaptcha-response）。
- 将reCAPTCHA响应参数发送到Google reCAPTCHA服务器进行验证。
- 根据验证结果，决定是否接受表单提交。
在Node.js应用程序中验证表单提交的示例代码如下：
const request = require('request');
// 处理表单提交的路由处理程序
app.post('/submit', (req, res) => {
const recaptchaResponse = req.body['g-recaptcha-response'];
const secretKey = 'YOUR_SECRET_KEY'; // 您在第一步中获得的Secret key
// 发送reCAPTCHA响应到Google服务器进行验证
request.post(
'https://www.google.com/recaptcha/api/siteverify',
{
form: {
secret: secretKey,
response: recaptchaResponse
}
},
(error, response, body) => {
if (error) {
// 处理错误
res.status(500).send('reCAPTCHA验证失败');
} else {
const result = JSON.parse(body);
if (result.success) {
// reCAPTCHA验证通过，继续处理表单提交
// ...
res.send('表单提交成功');
} else {
// reCAPTCHA验证失败
res.status(403).send('reCAPTCHA验证失败');
}
}
}
);
});以上是使用Google reCAPTCHA v2在HTML和Node.js应用程序中验证表单提交的基本步骤。通过集成reCAPTCHA，您可以增加对表单提交的安全性和真实性的保护，防止恶意攻击和垃圾信息的提交。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云验证码（Captcha）：https://cloud.tencent.com/product/captcha
相关·内容
2回答
未使用file_get_contents验证Recaptcha
php、forms、recaptcha
搞不懂为什么这不管用。当表单提交时，我收到错误消息，这意味着我的recaptcha验证失败。
在我的表单中：
<div class="g-recaptcha" data-sitekey="(site-key)"></div>
PHP：
if(isset($_POST['g-recaptcha-response'])){
$captcha=$_POST['g-recaptcha-response'];
}
$secretKey = "(secret-key)";
$res
浏览 33提问于2017-04-21得票数 11
回答已采纳
1回答
在表单中验证ReCapatcha？
php、recaptcha
我在我的网站上有一张登记表，我把ReCapatcha放在了登记表上。我试图将其更改为服务器端验证，如下面所示，但当我试图提交带有此代码的表单时，我只会得到"Captcha确认无效“，有人知道为什么吗？
报头
<script src='https://www.google.com/recaptcha/api.js'></script>
$secretKey = "MYSECRETKEY";
$captcha = $_POST['g-recaptcha-response'];
if (!$captcha) {
浏览 5提问于2021-02-26得票数 1
1回答
不工作的reCAPTCHA
javascript、php、jquery、html、ajax
我的表单为100.php，其中ajax调用了200.php。
<html>
<head>
<!-- include reCAPTCHA API JavaScript library given by Google -->
<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript"
src="http://ajax.goog
浏览 4提问于2016-05-15得票数 0
回答已采纳
2回答
使用jquery进行Google reCaptcha验证
php、jquery、ajax、forms、recaptcha
我不知道如何将它应用到我的登录页面，一旦captcha在ajax上成功响应，然后提交表单。这是我的html表单(因为我还在测试中，所以保留action为空)
<form action = "" method = "post">
<input type = "text" id = "email" name = "email">
<input type = "password" id = "pass" name = "password&#
浏览 4提问于2017-07-31得票数 0
1回答
在g-谷歌的reCaptcha中获得零
php、recaptcha
我正在尝试实现Google的reCaptcha v.2.0，但是我在reCaptcha中获得了null，因为reCAPTCHA不能正常工作，而且我总是收到请单击reCAPTCHA框的错误。，即使我成功地提交了Captcha。我var_dump的$_POST['g-recaptcha-response']和我得到了null。请帮帮我。下面是我的密码。
<head>
<script src="https://www.google.com/recaptcha/api.js"></script>
</head>
浏览 6提问于2016-10-17得票数 2
1回答
如何使用AJAX-jQuery将Google reCAPTCHA v2响应代码传递给服务器端v2页面
php、jquery、ajax、recaptcha
表单不使用AJAX提交，因此无法在服务器端PHP页面上获得响应键。
表单页
这部分是相当直截了当的，如下所示。
<script src='https://www.google.com/recaptcha/api.js'></script>
<form name="frm_add" id="frm_add" novalidate>
<div class="control-group form-group">
<div class="control
浏览 0提问于2019-07-18得票数 0
1回答
Recaptcha错误: I/O异常:证书中的名称与主机名不匹配
coldfusion、recaptcha、coldfusion-9
因此，我试图让ReCaptcha在ColdFusion上工作(下面是完整的源代码)。我尝试使用get/post，并且得到了相同的错误。
I/O Exception: Name in certificate `google.com' does not match host name `www.google.com'
我把我的代码转换成PHP (下面是完整的源代码)，它工作得很好。唯一的区别是PHP代码只使用get方法。
知道我可能做错了什么吗？谢谢你的帮助。
冷融合码：
<cfif StructKeyExists(Form, "submit")&g
浏览 1提问于2016-10-13得票数 1
回答已采纳
1回答
recaptcha响应未提交
php、recaptcha
大家好，这是我第一次实现验证码，感谢大家的帮助。我的困境是我的提交按钮在解开验证码后被冻结了。经过一些故障排除后，我得出的结论是响应没有提交，var_dump($_POST['g-recaptcha-response'])显示为空，但是在没有任何设计和数据库逻辑的情况下测试我的代码到一个简单的表单插入验证码工作。我怀疑这与我的表单设计有关，因为它有多个div标记，我不确定。我在某处读到它会影响div继承。以下是我的代码
<?php
if(isset($_POST['submit']))
{
$secretKey = "";
浏览 0提问于2020-01-20得票数 0
2回答
我无法获得一个简单的reCaptcha v2响应
php、recaptcha
我以前使用过reCaptcha v1，直到几年前谷歌改变之前，一切都很好。现在有人要求我更新一个站点，即使是简单的测试代码，我也遇到了一些问题。下面的示例是一个index.php页面，它在提交表单时捕捉“POST”。
出现reCaptch滴答框，并允许勾选，但当表单提交时，我只得到“选中reCAPTCHA框”的响应。看起来像'$captcha=$_POST'g-recaptcha-response';‘是’空白‘。我正在使用正确的代码，并在reCaptcha管理页面上获取统计数据，但它也在报告：
我们检测到您的站点没有验证reCAPTCHA解决方案。这是在您的站点上正确
浏览 2提问于2020-12-23得票数 0
1回答
每个会话仅需要Recaptcha一次
php、html、recaptcha
使用下面的代码，我想要一个页面，当它第一次加载时，它要求进行recaptcha验证，然后在那之后(当会话有效时)它不再需要它。在使用recaptcha验证后，当我单击Open Admin Tools时，它会显示它应该完成的内容；它会显示recaptcha completed，options:但当我单击test时，它会返回到要求我完成recaptcha。如何让它在每个(有效)会话中只执行一次？
<html>
<head>
<title>Admin Settings Page</title>
<scrip
浏览 0提问于2017-08-26得票数 1
1回答
在提交前将recaptcha v2添加到woocommerce产品审查评论中
php、wordpress、woocommerce、recaptcha
我想把google v2添加到woocommerce产品页面，在提交按钮之前，我找到了一个很好的代码，但是我不能让它在woocommerce产品评审评论中工作，这就是我所拥有的：
这一部分在single.php中放在get_header()之前；
wp_enqueue_script('google-recaptcha', 'https://www.google.com/recaptcha/api.js');
这一部分是在functions.php中：
/**
* Google recaptcha add before the submit button
*/
浏览 4提问于2021-08-27得票数 1
1回答
此php代码将表单内容通过电子邮件发送给预期收件人。我认为我可以在下面的脚本中以某种形式进行后处理(可能是js页面重定向)。比如在“提交表格后做些什么”之后。，我试过了，成功了！
<!-- (B) AJAX SUBMISSION -->
<script>
function doajax () {
// (B1) GET FORM DATA
var data = new FormData(document.getElementById("cform"));
// REQUIRED: APPEND CAPTCHA RESPONS
浏览 1提问于2022-07-10得票数 -1
1回答
reCaptcha V2不返回php中的响应
php、recaptcha
我已经在我的html表单上实现了回收代码，没有问题。
我的java脚本引用位于标头中。我得到了g-recaptcha-响应的结果，但是当我试图验证它时，我没有得到任何结果，我没有得到任何返回，没有错误，什么也没有。我已经检查了我的网站和密匙是正确的。我还将$resp放在$status中，以查看经过验证的来自谷歌的响应，它总是显示为空。我不知道我做错了什么。
<div class="g-recaptcha" data-sitekey="MY.SITE.KEY"></div>
<br/>
浏览 0提问于2017-07-13得票数 2
7回答
与recaptcha v2和表单提交的斗争
php、json、forms、recaptcha
if(isset($_POST['submit'])){
$recaptchaResponse = $_POST['g-recaptcha-response'];
$secretKey = 'MYKEY';
$request = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secretKey."&response=".$recaptchaResponse);
if(!strstr($re
浏览 4提问于2014-12-03得票数 15
回答已采纳
1回答
未发送var后的recaptcha
php、html、recaptcha
下面的代码是我网页上表单的代码，然后是test.php。问题是没有在$_POST中发送recaptcha。我确保了recaptcha的标记在表单标记中，googles .js的调用在头上。我找不到我的表单没有发送var的原因。
<head>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<div id="contact" class="form-contain">
<fie
浏览 1提问于2016-12-04得票数 0
回答已采纳
2回答
将google reCaptcha集成到现有的支付表单中
php、forms、captcha、recaptcha
最近，我的网站通过我的付款表单收到了很多垃圾邮件，我决定我需要添加一个captcha来防止这种情况。
我正在寻找一些选择，我决定使用谷歌reCaptcha。它似乎很容易设置和使用，但我遇到了一些问题。
首先，我在表单的页眉中包含了这个script：
<script src='https://www.google.com/recaptcha/api.js'></script>
然后，我在表单的底部包含了实际的captcha本身：
<div class="g-recaptcha" data-sitekey="6LdOVv4SAA
浏览 0提问于2014-11-25得票数 5
1回答
Recaptcha V2不工作，越来越多的机器人不断地向该条目发送垃圾邮件
php、codeigniter、recaptcha、grecaptcha
我不知道我的代码出了什么问题，我正在使用代码触发器框架，我实现了recaptcha，如下所示： 在视图中：<div class="g-recaptcha" data-sitekey="***********************************"></div> 在已提交的表单响应页面中： if(isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response']))
浏览 13提问于2020-04-29得票数 0
4回答
缺少输入响应|不可见的reCaptcha
php、html、post、recaptcha、invisible
所以，我正在尝试在一些网站上实现谷歌全新的隐形reCaptcha。
我完全遵循了这些步骤，但它不断地给出missing-input-reponse错误。
HTML代码：
<form id="subscribe-form" class="form-inline" action="phpScripts/subscribe/subscribeHandler.php" method="post">
<div class="input-group">
<input typ
浏览 0提问于2017-03-16得票数 2
1回答
谷歌资本重组v2在本地工作，但不在现场网站上工作
c#、asp.net、asp.net-mvc、recaptcha
我已经实现了谷歌的资本重组v2(复选框)在我的网站(ASP.NET MVC)本地，它的工作100%。当我试图复制项目文件到我的现场网站时，capthca没有工作.
它确实呈现正确，我可以与复选框交互，但是验证总是失败.这是完全相同的项目，在我的本地主机，这怎么可能呢？
当我把文件移到现场时，我确实改变了网站和密匙。
查看：
<div class="g-recaptcha" data-sitekey="my_site_key"></div>
<div class="submit-frm-btn"&g
浏览 5提问于2022-06-13得票数 1
回答已采纳
2回答
如果reCaptcha成功，如何提交表单
javascript、php、recaptcha
问候所有人， 我也不确定这是不是一个正确的方法。假设这里有一个表单，如果我的recaptcha返回成功，我如何将操作发送到login.php？否则，如果返回false，则显示错误消息。 我的表单 <div class="login-wrapper">
<form id="login-form" class="login-form" method="POST" action="login.php">
<input type="text" id="u
浏览 37提问于2019-03-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
