firebase.auth.RecaptchaVerifier与reCaptcha v3
我正在尝试在我的站点中实现reCaptcha v3,目前正在使用React.js和Firebase进行身份验证。我以前使用过reCaptcha(v2?)和Firebase的内置auth方法firebase.auth.RecaptchaVerifier与reCaptcha v3,firebase,firebase-authentication,recaptcha,invisible-recaptcha,recaptcha-v3,Firebase,Firebase Authentication,Recaptcha,Invisible Recaptcha,Recaptcha V3,我正在尝试在我的站点中实现reCaptcha v3,目前正在使用React.js和Firebase进行身份验证。我以前使用过reCaptcha(v2?)和Firebase的内置auth方法Firebase.auth.RecaptchaVerifier,方法与使用相同。除了我自己需要reCaptcha之外,Firebase有时还需要它来进行注册/登录时的身份验证 我不确定如何使用这个库,以及如何像以前一样使用firebase.auth.RecaptchaVerifier方法实现它。是否有一种方法可
Firebase.auth.RecaptchaVerifier
,方法与使用相同。除了我自己需要reCaptcha之外,Firebase有时还需要它来进行注册/登录时的身份验证
我不确定如何使用这个库,以及如何像以前一样使用firebase.auth.RecaptchaVerifier
方法实现它。是否有一种方法可以将令牌直接传递给Firebase以用于其身份验证?或者可能我在firebase.auth.RecaptchaVerifier
中错误地使用了verifyCallback
中的react-recaptcha-v3
回调函数?也许reCaptcha v3还不能与firebase.auth.RecaptchaVerifier一起使用?也许我应该使用reCaptcha v2隐形版来达到想要的效果
react-recaptcha-v3示例代码:
import React, { Component } from 'react';
import { ReCaptcha } from 'react-recaptcha-v3'
class ExampleComponent extends Component {
verifyCallback = (recaptchaToken) => {
// Here you will get the final recaptchaToken!!!
console.log(recaptchaToken, "<= your recaptcha token")
// do something with the token?
}
render() {
return (
<div>
<ReCaptcha
sitekey="your_site_key"
action='action_name'
verifyCallback={this.verifyCallback}
/>
</div>
);
};
};
export default ExampleComponent;
window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha', {
'callback': (response) => {
// reCAPTCHA solved, allow.
},
'expired-callback': () => {
// Response expired. Ask user to solve reCAPTCHA again.
window.recaptchaVerifier.clear()
}
})
window.recaptchaVerifier.render()
我希望在Vue应用程序中安装类似的流程。这是如何展开的?运气好吗?@kry否定,仍在等待添加此支持,仍在使用Recaptcha v2:/I正在寻找在Vue应用程序中装配类似的流。这是如何展开的?运气好吗?@krry否定,仍在等待添加此支持,仍在使用Recaptcha v2:/