Google reCAPTCHA v2 неверный домен для ключа сайта

Question

В настоящее время я пытаюсь добавить reCAPTCHA на стороне клиента, и я следовал соответствующей документации как с Google, так и с сайта reCAPTCHA. Однако по какой-то причине я продолжаю получать это сообщение об ошибке:

Я поместил свой тег script в заголовок и мой элемент reCAPTCHA перед тегом закрывающей формы.

<!-- Google reCAPTCHA API -->
<script src='https://www.google.com/recaptcha/api.js' async defer>  </script>

<form action="URL: https://www.google.com/recaptcha/api/siteverify" method="POST"> -->
    <!-- reCAPTCHA Widget Appears Here -->
    <div class="g-recaptcha" data-theme="darklight" data-sitekey="my_public_sitekey"></div> -->
</form>

Пожалуйста, дайте мне знать, если вам нужно увидеть больше моего кода. Из того, что я читал на других форумах, люди должны были отключить проверку доменного имени, однако это вызывает проблемы с проверкой.

Любая помощь очень ценится. Спасибо!

Answer 1

После часов и дней исследований я наконец нашел решение. Эта ошибка на самом деле является проблемой reCAPTCHA, которая до сих пор не исправлена. Вы можете обойти их проблемы с протоколом и отключить проверку домена в настройках заранее. Однако это может испортить процесс проверки.

Первоначально я проверял это локально file:///users/file-path-to-my-file. Наконец прошлой ночью я узнал, что вы не можете использовать reCAPTCHA таким образом. Я закончил тестировать свой сайт публично, и теперь он работает просто отлично. Надеюсь, это поможет кому-то!

Answer 2

Вы должны заменить my_public_sitekey ключом своего сайта, предоставленным Google

наконец, ваша треска должна быть такой

<div class="g-recaptcha" data-theme="darklight" data-sitekey="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></div>

если вы тестируете свой сайт в localhost, вы должны получить ключ reCaptcha для localhost.