Laravel reCaptcha 集成

我想在我的 Laravel 项目中实现 reCaptchawithout使用 Laravel 包。我尝试过使用经典的 reCaptcha V2，它可以工作，但我想改为实现不可见的 reCaptcha。

所以我做的是这样的：

<form id="subscribeForm" class="form-inline" role="form" method="post" action="/subscribe" style="margin-bottom:70px;">
    ...
    ...
    <button type="submit" class="btn btn-default">{{trans('content.input_submit')}}</button>

    <div id="recaptcha" class="g-recaptcha" data-sitekey="---my---key---" data-size="invisible" data-callback="onSubmit"></div>

    <script> ...callback functions... </script>
</form>

我让右侧的浮动 reCaptcha 栏正确显示，但当然，因为我需要一个按钮来执行实际提交，所以我有一个类型为“提交”的按钮，并且 reCaptcha div 中的任何回调函数都不会被触发。当我返回请求时我得到g-recaptcha-response empty.

为什么它不独立于回调而提交？

以下是如何通过扩展来正确执行此操作Validator，但是此解决方案使用 google/recaptcha 包（这比使用 CURL 优雅得多）。

composer require google/recaptcha "~1.1"

创建一个新的配置值recaptcha_secret_key and recaptcha_site_key in config/app.php或另一个自定义配置文件。

In AppServiceProvider boot() method:

Validator::extend('recaptcha', function ($attribute, $value, $parameters, $validator) {
    $recaptcha = new ReCaptcha(config('app.recaptcha_secret_key'));
    $resp = $recaptcha->verify($value, request()->ip());

    return $resp->isSuccess();
});

In resources/lang/validation.php add:

'recaptcha' => 'The :attribute answer is invalid.',

另外，将此添加到attributes数组位于同一文件中，以使错误消息更好：

'g-recaptcha-response' => 'reCAPTCHA',

在视图文件中，您要显示 reCAPTCHA，例如contact.blade.php:

<div class="g-recaptcha" data-sitekey="{{ config('app.recaptcha_site_key') }}"></div>
<script src="https://www.google.com/recaptcha/api.js"></script>

Add data-size="invisible"如果你想让它不可见的话，等等。

最后，将新的验证规则添加到您的控制器中：

'g-recaptcha-response' => 'recaptcha'