带AngularJS的不可见Google reCaptcha

Question

我正在尝试在我的AngularJS web应用程序中实现不可见的reCAPTCHA。根据他们的文档，我应该在登录表单的提交按钮中添加一个名为“数据回调”的属性。但是，我使用ng click将http请求的函数附加到按钮。那么我应该在“数据回调”属性的值中输入什么呢？另外，我如何知道recaptcha结果是否成功，并获取g-recaptcha-response以使用http请求发送到服务器？

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

Answer 1

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

数据回调需要一个java脚本全局函数，因此在$scope内使用函数将不起作用。。我提出的解决方案是创建一个继承角度函数的全局函数。

所以你应该：

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

别忘了在您的作用域中注入$window作为依赖项。

google invisible reCaptcha将向您发送一个令牌，以便您可以验证用户服务器端。

在您的html中：

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

希望这有帮助。