Integrate reCAPTCHA
Last updated
Was this helpful?
Last updated
Was this helpful?
When users visit a website with reCAPTCHA enabled, they're presented with a challenge they must complete to prove that they're human. This challenge can take several forms:
An image challenge: The user is presented with a distorted image of letters and numbers and asked to type the characters they see into a text box.
An audio challenge: Instead of images, an audio recording of letters and numbers is used and the user is asked to type the characters they hear into a text box.
A No CAPTCHA reCAPTCHA: The user is asked to click on a checkbox to indicate that they're not a robot. In some cases, Google might also ask the user to complete a separate image or audio challenge if it needs further proof that the user is human. You'll use this type of reCAPTCHA in the tutorial later in this article.
Once the user completes the challenge, the website will receive a response from the reCAPTCHA server indicating whether the user is human or not. Based on this response, the website can decide whether to allow the user to access certain pages or forms or deny access if it determines that the user is likely a bot.
Note that there's also a form of reCAPTCHA that doesn't actually present a challenge to the user. Instead, the system uses advanced risk analysis techniques to determine whether the user is human. This method is called invisible reCAPTCHA.
Now that the sign-up form is ready, it's time to configure the reCAPTCHA verification. To use Google's reCAPTCHA, you must register a site on the .
In the admin console, use your-site as the Label. Then, select reCAPTCHA v2 > "I'm not a robot" Checkbox as the reCAPTCHA type.
Add the domains where you want to use the reCAPTCHA, starting with localhost, and your domain registered in the JFW system at jadmin.your-domain.
Select Accept the reCAPTCHA Terms of Service and click Submit.
On the next page, click on COPY SITE KEY and COPY SECRET KEY to copy the values.
Now you'll need to visit jadmin.your-domain and put them on the Brand Setting page.
After updating the Brand Setting success, you can call API to get the Brand data and get the reCaptchaKey to set for your product.
These are below, for example, code ReactJS to integrate the reCaptcha via the JFramework system.
