Filament•2w ago

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

...

GitHub

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

6 Replies

jigsaw•2w ago

Filament

Provides a Google reCaptcha V2 field for the Filament Forms(V2-V3), works in Admin-Panel and Forntend-Forms.

itsmejyv•2w ago

can't understand the entire documentation Ok , I figured it out. thanks to my brain.

jigsaw•2w ago

amen to your brain 🙂 good luck with your work

Solution

itsmejyv•2w ago

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

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

Install this for filament:

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"

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() !!}

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.

jigsaw•2w ago

thank you and please tag this issue with "Solved" @itsmejyv

itsmejyv•2w ago

YouTube

Package: https://github.com/anhskohbo/no-captcha Source Code https://github.com/shailesh-ladumor/lpt-pkg-demo/tree/re_captcha reCAPTCHA is a CAPTCHA system that enables web hosts to distinguish between human and automated access to websites. The original version asked users to read text or match images. ReCaptcha is a free service that prote...