How to integrate AWS WAF Captcha in vuejs?

Question

I'm trying to integrate aws captcha to my login screen.

the captcha renders, user completes puzzle and verify api is called successfully.

but how do I get the success status after puzzle completed

```
AwsWafCaptcha.renderCaptcha(container, {
      apiKey: "ApiKeyHere",
      onSuccess: captchaExampleSuccessFunction,
      onError: captchaExampleErrorFunction
    });

captchaExampleSuccessFunction(wafToken) {
        window.AwsWafIntegration.fetch(this.captchaVerifiedFn());
    },
```
I need to call captchaVerifiedFn() after user completes puzzle.

Any help would be appreciated.I need to call captchaVerifiedFn() after user completes puzzle.

Any help would be appreciated.

Answer

Hi,

you should checkout this sample implementation with plain vanilla js:  https://docs.aws.amazon.com/waf/latest/developerguide/waf-js-captcha-api-render.html

Also, this blog may interest you: https://aws.amazon.com/blogs/security/use-aws-waf-captcha-to-protect-your-application-against-common-bot-traffic/

Best,

Didier

How to integrate AWS WAF Captcha in vuejs?

Relevant content