Feuerbasis docs grecaptcha Referenz, aber nie importieren oder definieren, es

Question

Von https://firebase.google.com/docs/auth/web/phone-auth:

Wenn signInWithPhoneNumber führt zu einem Fehler, setzen Sie das reCAPTCHA so der Benutzer erneut versuchen kann:

grecaptcha.reset(window.recaptchaWidgetId); 

// Or, if you haven't stored the widget ID: 
window.recaptchaVerifier.render().then(function(widgetId) { 
    grecaptcha.reset(widgetId); 
} 

Aber grecaptcha ist nie definiert. Muss ich es von irgendwo importieren?

Answer 1

Ja, Sie müssen es importieren.

Es ist nicht offensichtlich, aber die Dokumentation verweist auf die Bibliothek unter dem Abschnitt "Use the reCAPTCHA widget".

Sie haben einen Link zu this page. Ich schätze, Sie würden the reCAPTCHA V2

Answer 2

verwenden Sieht aus wie es von Firebase automatisch importiert wird. Aber weil ich Code von ES2015 kompilieren Ich brauchte

/* global grecaptcha */ 

an der Spitze meiner js Datei hinzufügen, um es von meinem Code sichtbar zu machen.

Answer 3

Die Firebase Auth JS-Bibliothek zieht die grecaptcha-Bibliothek dynamisch, wenn sie nicht bereits enthalten ist. Andernfalls, wenn Sie es bereits einschließen: https://www.google.com/recaptcha/api.js, dann wird es nur diese Bibliothek verwenden.