首页 文章

与AngularJS一起使用Invisible Google reCaptcha

提问于
浏览
2

我正在尝试在我的AngularJS Web应用程序中实现 invisible reCAPTCHA . 根据他们的文件,我的 Value 是多少?另外,我怎么知道recaptcha结果是否成功,并获得g-recaptcha-response以使用我的http请求发送到服务器?

https://developers.google.com/recaptcha/docs/invisible

1 回答

  • 8

    有一个角度包装器,但如果像我一样,你想使用原始的JavaScript库,这是如何做到的:

    数据回调期望java脚本全局函数,因此使用$ scope内的函数将无法工作..我想出的解决方案是创建一个继承angular函数的全局函数 .

    所以你应该这样做:

    $scope.login = function (token) {
      // your login logic
    }
    $window.login = $scope.login;
    

    并且不要忘记在您的范围中注入$ window作为依赖项 .

    谷歌隐形reCaptcha将向您发送令牌,以便您可以验证用户服务器端 .

    并在你的HTML中:

    <button class="g-recaptcha"
      data-sitekey="your_google_key_here"
      data-callback="login"
      data-size>
    Login
    </button>
    

    希望这可以帮助 .

相关问题