Verifier for Google ReCAPTCHA v2. Not working with ReCAPTCHA Enterprise or v3
Docs for Adonis v4
Make sure to install it using npm or yarn.
# npm
npm i adonis-recaptcha2
node ace configure adonis-recaptcha2
# yarn
yarn add adonis-recaptcha2
node ace configure adonis-recaptcha2You need to receive your siteKey and secretKey for your domain from Google reCAPTCHA v3 Admin Console
Login and Follow the steps on this page to include the reCAPTCHA on your website.
- Make sure to register the provider inside
.adonisrc.jsonfile.
{
"providers": [
"...other packages",
"adonis-recaptcha2"
]
}- Add variables to
.envfile of project.
...
RECAPTCHA_SITE_KEY=YOUR_KEY
RECAPTCHA_SECRET_KEY=YOUR_KEY- Add fields to
env.tsfile of project.
import Env from '@ioc:Adonis/Core/Env'
export default Env.rules({
// ...
RECAPTCHA_SITE_KEY: Env.schema.string(),
RECAPTCHA_SECRET_KEY: Env.schema.string(),
})- Set options in
config/recaptcha.ts.
import Env from '@ioc:Adonis/Core/Env'
import { RecaptchaConfig } from '@ioc:Adonis/Addons/Recaptcha2'
const recaptchaConfig: RecaptchaConfig = {
// ...
siteKey: Env.get('RECAPTCHA_SITE_KEY'),
// ...
secretKey: Env.get('RECAPTCHA_SECRET_KEY'),
}
export default recaptchaConfigServer.middleware.registerNamed({
recaptcha: () => import('App/Middleware/Recaptcha')
})Example:
Route.post('login', 'AuthController.login').middleware('recaptcha')This middleware will check g-recaptcha-response field in body request
{
"login": "admin",
"password": "admin",
"g-recaptcha-response": "osjoiadjaoisdjasijda..."
}Field
g-recaptcha-responseit is Google reCAPTCHA v2 response
Note: Required View (@adonisjs/view)
const recaptchaConfig: RecaptchaConfig = {
// ...
views: true
}...
<head>
...
{{ recaptcha('script') }}
</head>
<body>
<section>
...
<form action="/login">
...
{{ recaptcha('form') }}
</form>
</section>
</body>
</html>