how to add recaptcha in filament login form?

I don't know where to put the script from google recaptcha in login form of filament, is there any way to integrate it there?

Solution

Here's how I did it for future newbie like me:

Install first the dependent package:

composer require anhskohbo/no-captcha

composer require anhskohbo/no-captcha

composer require anhskohbo/no-captcha

composer require anhskohbo/no-captcha

Add these two to your .env and paste your google site and secret key there

NOCAPTCHA_SECRET=secret-key
NOCAPTCHA_SITEKEY=site-key

NOCAPTCHA_SECRET=secret-key
NOCAPTCHA_SITEKEY=site-key

NOCAPTCHA_SECRET=secret-key
NOCAPTCHA_SITEKEY=site-key

NOCAPTCHA_SECRET=secret-key
NOCAPTCHA_SITEKEY=site-key

Install this for filament:

composer require abanoubnassem/filament-grecaptcha-field

composer require abanoubnassem/filament-grecaptcha-field

composer require abanoubnassem/filament-grecaptcha-field

composer require abanoubnassem/filament-grecaptcha-field

Then publish it (required):

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

add this two code, in login.blade.php inside of the form (if you're using the built-in filament login)

 {!! NoCaptcha::renderJs() !!}
{!! NoCaptcha::display() !!}

 {!! NoCaptcha::renderJs() !!}
{!! NoCaptcha::display() !!}

 {!! NoCaptcha::renderJs() !!}
{!! NoCaptcha::display() !!}

 {!! NoCaptcha::renderJs() !!}
{!! NoCaptcha::display() !!}

Then modify it and follow other instruction after adding it.
https://github.com/anhskohbo/no-captcha

GitHub

No CAPTCHA reCAPTCHA For Laravel. Contribute to anhskohbo/no-captcha development by creating an account on GitHub.