Support for reCAPTCHA Enterprise - about react-native-recaptcha-that-works HOT 13 CLOSED

Hi @chenop, I dont know about reCAPTCHA Enterprise, do you have any documentation about it?

from react-native-recaptcha-that-works.

Comparison
Recaptcha Enterprise

from react-native-recaptcha-that-works.

Looks like the client migration is simple.

https://cloud.google.com/recaptcha-enterprise/docs/using-features

from react-native-recaptcha-that-works.

Efetuei as modificações no arquivo get-template.js referente a https://cloud.google.com/recaptcha-enterprise/docs/using-features, mas mesmo assim minha sitekey não funciona.
Sua chave api: 6LejsqwZAAAAAGsmSDWH5g09dOyNoGMcanBllKPF, funciona corretamente.
Minha chave: 6LeWo-0bAAAAAEUZsokYlBi8E6LiXjIV87KrQL-w, retorna erro null.
Se possível demonstre o procedimento para criar uma sitekey.

from react-native-recaptcha-that-works.

Will the library work out of the box? when creating a mobile reCAPTCHA key for enterprise, it says to specify iOS or Android.

from react-native-recaptcha-that-works.

Today, this library uses WebView to work with reCAPTCHA v2 only. Currently, we have no plan to implement Enterprise mobile reCAPTCHA.

But, any contributions are welcome.

from react-native-recaptcha-that-works.

hmm I created a reCAPTCHA v3 key on https://www.google.com/u/1/recaptcha/admin/site/493612296 (not enterprise) and the library was able to verify and generate a token. Perhaps the library will work with v3 as long as it's not enterprise mobile?

from react-native-recaptcha-that-works.

Done in 1.2.0 https://github.com/douglasjunior/react-native-recaptcha-that-works/releases/tag/1.2.0

from react-native-recaptcha-that-works.

Does this lib work with recaptcha enterprise? If yes, then how? I created ios and android keys, as well as a web key and every one of them returns "Error: null" from the error callback. for a brief moment, we can see an error in the device screen

from react-native-recaptcha-that-works.

Does this lib work with recaptcha enterprise? If yes, then how? I created ios and android keys, as well as a web key and every one of them returns "Error: null" from the error callback. for a brief moment, we can see an error in the device screen !

Nothing special, just add enterprise={true}:

            <Recaptcha
                ref={recaptcha}
                siteKey="<your-recaptcha-public-key>"
                baseUrl="http://my.domain.com"
                onVerify={onVerify}
                onExpire={onExpire}
                enterprise={true}
            />

from react-native-recaptcha-that-works.

Nothing special, just add enterprise={true}:

Yes. I got that. But that is not the issue. The issue is how do I fill in the baseUrl field? iOS and Android keys don't have a baseURL / domain to define. You only define the app package name. And a web key does have a domain to define, but still does not work. What am I doing wrong?

My code:

const RecaptchaTest: React.FC = () => {
  const recaptcha = useRef<RecaptchaHandles>(null)

  const handleOpen = useCallback(() => {
    console.log('open button!')
    recaptcha.current?.open()
  }, [])

  const handleClose = useCallback(() => {
    console.log('close button!')
    recaptcha.current?.close()
  }, [])

  const onLoad = () => {
    console.log('load!')
  }

  const onVerify = (token: string) => {
    console.log('success!', token)
  }

  const onExpire = () => {
    console.log('expired!')
  }

  const onError = (error: string) => {
    console.log('Error: ', error)
  }

  const onClose = () => {
    console.log('Close!')
  }

  return (
    <View>
      <Recaptcha
        ref={recaptcha}
        lang="en"
        headerComponent={<Button title="Close" onPress={handleClose} />}
        siteKey="6LckJ1gjAAAAAPUcfXRG3khTGDRJxiMTim-8ph1N"
        baseUrl="com.anova.unify.go"
        onVerify={onVerify}
        onExpire={onExpire}
        onError={onError}
        onLoad={onLoad}
        onClose={onClose}
        size="normal"
        enterprise={true}
        action={'login'}
        hideBadge={false}
      />
      <Button title="Open" onPress={handleOpen} />
    </View>
  )
}

from react-native-recaptcha-that-works.

Yes. I got that. But that is not the issue. The issue is how do I fill in the baseUrl field? iOS and Android keys don't have a baseURL / domain to define. You only define the app package name. And a web key does have a domain to define, but still does not work. What am I doing wrong?

Take a look at #34

from react-native-recaptcha-that-works.

Got it working, but with two small caveats: I used the web key (not the iOS or Android key), and used the prop "size" as "invisible". Any other size will return the null error.

Thank you for the help @douglasjunior.

from react-native-recaptcha-that-works.