如何从npm安装Google-Recaptcha

时间:2017-06-20 14:11:08

标签: npm google-api recaptcha

我正在以某种形式在我的webapp中实现recaptcha。

我已经实现了我的后端部分,现在我正在尝试安装recapatcha api。

令人遗憾的是,我没有在谷歌的npm找到官方包裹。

我是否应该使用包含recpatcha或的 googleapis 包 我应该包含这个脚本:

 <script src="https://www.google.com/recaptcha/api.js" async defer></script>

我问这个是因为我使用 Webpack 构建我的脚本文件(包括来自npm的所有供应商)。

1 个答案:

答案 0 :(得分:1)

您只需使用Google reCAPTCHA v3,就不会遇到任何麻烦。

从此处注册:https://www.google.com/recaptcha/admin/create

然后选择前端

<script src="https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key"></script>
  <script>
  grecaptcha.ready(function() {
      grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'}).then(function(token) {
         ...
      });
  });
  </script>

在v3中,您可以定义操作或通过intent

  <script>
  grecaptcha.ready(function() {
      grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'});
  });
  </script>