如何将 Google 的 Invisible Captcha 与 AngularJs 一起使用？答案

【问题标题】：How can I use Google's Invisible Captcha with AngularJs?如何将 Google 的 Invisible Captcha 与 AngularJs 一起使用？
【发布时间】：2017-03-20 00:15:55
【问题描述】：

谷歌最近发布了不可见的验证码。 https://www.google.com/recaptcha/intro/invisible.html

有没有办法在 AngularJS 的帮助下集成这个系统？

澄清这个问题与 Google 的常规 reCaptcha 无关。我在问 Invisible reCaptcha。以下是详细情况。

我的注册表单已经在使用 AngularJS。表单提交由 AngularJS 标准触发。隐形 reCaptcha 需要我给表单提交回调函数。这是令人困惑的部分。

【问题讨论】：

谷歌验证码系统使用他们的脚本来处理验证码，然后告诉你的脚本它是成功的。你需要 AngularJS 来“帮助”什么？
Recaptcha in Angular JS的可能重复
@DanielBernsons reCaptcha 和谷歌不可见的 reCaptcha 是有区别的。
@Claies 我的注册表已经在使用 AngularJS。表单提交由 AngularJS 标准触发。隐形 reCaptcha 需要我给表单提交回调函数。这是令人困惑的部分。
“表单由 AngularJS 标准触发”是什么意思？ AngularJS 只是 JavaScript，不可见的 reCaptcha 也是如此。 AngularJS 中没有任何东西会停止验证码的处理。回调只是验证码成功后通常触发的函数；很可能，这就是您在 ng-click 上触发的。

标签： angularjs recaptcha invisible-recaptcha

【解决方案1】：

您不能直接引用不可见的 reCAPTCHA 数据回调中的 angularJs 函数，它需要一个全局函数，所以我想出的解决方案是：

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

然后您可以在登录按钮中使用data-callback="login"。

希望这会有所帮助。

【讨论】：

这被认为是安全的吗？ @chtiwi
@HemenAshodia，是的，但是您必须将令牌发送到服务器，然后服务器应该将该令牌发布到谷歌并获得确认。