.NET 使用 Google 验证码(Google reCAPTCHA)

15 篇文章 0 订阅

一. 前言

前段时间,发现注册受到了恶意攻击,一天注册量10w+,接口已从IP做了限制,但不管用,对方每一次发起的IP都不一样;紧急做了滑动验证码,虽然上线立马就阻止了恶意请求;

 但好景不长,没过几天,对方估计是接了打码平台,注册量再一次上来了

目前接入google reCAPTCHA 验证码,目前稳定已经跑了两三个月了,目前比较稳定。

二. Google reCAPTCHA 介绍

验证码在我们实际的生活场景中非常常见,可以防止恶意破解密码、刷票、论坛灌水、刷注册等等。现在的网站基本都有使用验证码来对用户的行为进行验证。从简单的文字验证码、图片验证码、滑动验证码、图片选择验证码等,验证码一直在进化,在和“黑恶势力”做斗争。Google 验证码是 Google 提供的一项免费的验证码服务,接入非常简单,推荐用它来替换传统的图片验证码。

Google reCAPTCHA 目前已经推出V3版本,比V2版本更加安全而且简单。本文主要也是介绍V3版本的使用。Google reCAPTCHA 是采用用户行为验证类型的验证码,目前来说几乎不能被打码平台自动打码(这里指 Google reCAPTCHA 并不是指所有用户行为验证码,据说Google reCAPTCHA还是用了js vmp虚拟机技术),也只能人工打码。

V3 版本不需要点击

隐藏验证码浮窗: 

v3版本不需要点击,因此如果你不想要右下角的google reCAPTCHA的浮窗也可以把这个隐藏,隐藏不影响reCAPTCHA v3的校验

 只需要在样式中增加一下内容
 

.grecaptcha-badge {
    display: none!important;
}

Google reCAPTCHA v3 会对每一个请求返回一个评分,不需要与用户进行交互,该分数基于用户和网站的互动。它的主要流程主要分为五步:

  1. 使用 sitekey 加载JavaScript API
  2. 在操作或页面加载时调用 grecaptcha.execute
  3. 通过请求将令牌发送到后端
  4. 后端将令牌和 SecretKey 发送到 Google 进行验证,Google 将会给你返回一个评分
  5. 判断评分是否和符合要求

评分的数值在0-1之间,越大表示用户越真实,0表示机器人。

大家可能比较关心,国内网络无法正常使用 Google reCAPTCHA ,这点 Google 给了个解决方案,提供了一个额外的域名,来解决 www.google.com 无法正常访问的问题,后文详细介绍。

三. ASP.NET Core 接入

接入过程中会用到XXX上网,请自备。

1. 获取 Google reCAPTCHA V3 Key

Key 主要分为两个 SiteKey 和 SecretKey,它们分别用于前端和后端。访问此处来创建 Key: https://www.google.com/recaptcha/admin/create

需要注意两个地方,版本选择V3,然后域名填写你网站的域名,由于是在本地进行开发测试,所以我这里直接填写 localhost。

注册成功后保存这两个 Key

2. ASP.NET Core 接入

 (1)创建一个 ASP.NET Core MVC 项目

 (2)执行命令安装 reCAPTCHA 组件

Install-Package reCAPTCHA.Net 

(3)打开 appsettings.json 添加配置

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "AllowedHosts": "*",
  "GoogleRecaptcha": {
    "SiteKey": "<你的SiteKey>",
    "SecretKey": "<你的SecretKey>",
    "Domain": "www.recaptcha.net",
    "MinScore": "0.3" //最小评分,低于此评分则认为是机器人
  }
}

Domain 指使用的 Google reCAPTCHA 服务的域名,可以是www.recaptcha.net 或者 www.google.com,使用前者可以在国内正常使用,不受GFW影响。

(4)在 Startup ConfigureServices 方法里配置

services.AddGoogleRecaptcha(Configuration.GetSection("GoogleRecaptcha"));

(5)添加一个登录表单 (Razor),并添加 Google reCAPTCHA JS

<script src="https://www.recaptcha.net/recaptcha/api.js?render=@options.Value.SiteKey"></script>
<script type="text/javascript">
    grecaptcha.ready(function () {
        grecaptcha.execute('@options.Value.SiteKey', { action: 'login' }).then(function (token) {
            //将Token写入隐藏域等等
            $("#googleToken").val(token);
        });
    });
</script>

前端代码:

 (6)后端验证

AccountViewModel:

public class AccountViewModel
{
    [Required]
    public string Username { get; set; }

    [Required]
    public string Password { get; set; }

    [Required]
    public string GoogleToken { get; set; }
}

后端代码:

public class AccountController : Controller
{
    private readonly IRecaptchaService _recaptcha;

    public AccountController(IRecaptchaService recaptcha)
    {
        _recaptcha = recaptcha;
    }

    // GET
    [HttpGet]
    public IActionResult Login()
    {
        return
        View();
    }

    [HttpPost]
    public async Task<IActionResult> Login(AccountViewModel model)
    {
        if (ModelState.IsValid)
        {
            var recaptchaReault = await _recaptcha.Validate(model.GoogleToken);

            if (!recaptchaReault.Success || recaptchaReault.Score == 0m)
            {
                ModelState.AddModelError(string.Empty, "人机验证失败,请稍后重试");
            }
        }

        return View(model);
    }
}

主要的验证逻辑:

var recaptchaReault = await _recaptcha.Validate(model.GoogleToken);

if (!recaptchaReault.Success || recaptchaReault.Score == 0m)
{
    ModelState.AddModelError(string.Empty, "人机验证失败,请稍后重试");
}

注入 IRecaptchaService 使用其 Validate 方法来进行验证,需要将前端生成的Token传入,返回的结果 success 表示Token是否有效,score 表示返回的评分

四.测试运行

我们将验证逻辑的阈值改为 1,实际上很少能到达这个表示完美的值(线上目前我们设置的小于0.3验证失败),以此来触发验证失败的情况:

可以看到我们的页面显示了验证失败:

五、生产使用情况  

目前项目上线之后稳定跑了一段时间,目前控制为小于0.3为人机,大于等于0.3为正常用户(这个视项目具体情况而定,项目要求高一点可以设置为0.6)。基本正常,即使有极个别用户第一次请求评分为0.1,用户重新发起一次请求基本也是0.7或0.9,基本不会出现阻止正常用户的情况。

 六.资料

Google reCAPTCHA v3 doc

reCAPTCHA.AspNetCore

Admin Console 验证码使用情况

ASP.NET Core 使用 Google 验证码

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要在Java后台登录中使用Google验证码,可以使用Google reCAPTCHA API。reCAPTCHA是一种反垃圾邮件技术,旨在验证用户是否为人类,以防止自动化攻击。 以下是使用Google reCAPTCHA API实现Java后台登录的步骤: 1. 注册Google reCAPTCHA API并获取站点密钥和私钥。 2. 在登录页面中嵌入reCAPTCHA组件。可以使用reCAPTCHA Java客户端库来生成HTML代码和JavaScript代码。 3. 在后台服务器中验证reCAPTCHA响应。可以使用reCAPTCHA Java服务器库来验证响应。 4. 如果reCAPTCHA验证成功,则继续进行正常的登录流程。否则,显示错误消息并要求用户重新验证。 下面是一个简单的Java后台登录代码示例,其中包括使用Google reCAPTCHA API进行验证的部分: ```java public class LoginServlet extends HttpServlet { private static final String SITE_KEY = "your_site_key"; private static final String SECRET_KEY = "your_secret_key"; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); String recaptchaResponse = request.getParameter("g-recaptcha-response"); // Verify reCAPTCHA response ReCaptchaImpl reCaptcha = new ReCaptchaImpl(); reCaptcha.setPrivateKey(SECRET_KEY); ReCaptchaResponse reCaptchaResponse = reCaptcha.checkAnswer(request.getRemoteAddr(), recaptchaResponse); if (reCaptchaResponse.isValid()) { // Perform login logic if (isValidUser(username, password)) { // Redirect to home page response.sendRedirect("home.jsp"); } else { // Show error message request.setAttribute("error", "Invalid username or password"); request.getRequestDispatcher("login.jsp").forward(request, response); } } else { // Show error message request.setAttribute("error", "Invalid reCAPTCHA response"); request.getRequestDispatcher("login.jsp").forward(request, response); } } private boolean isValidUser(String username, String password) { // Perform user validation logic } } ``` 在上面的代码中,我们使用reCAPTCHA Java客户端库生成了reCAPTCHA组件的HTML代码和JavaScript代码。然后,在doPost方法中,我们使用reCAPTCHA Java服务器库验证reCAPTCHA响应。如果验证成功,则继续进行正常的登录流程。否则,我们显示错误消息并要求用户重新验证。 需要注意的是,由于reCAPTCHA是由Google提供的,因此需要确保与Google reCAPTCHA API的通信是安全的。可以使用HTTPS协议来保护数据传输。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡老汉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值