Как реализовать reCaptcha v3 от Google в форме рассылки? - PullRequest
0 голосов
/ 18 июня 2019

У меня проблема с reCaptcha V3.Проблема в том, что мне сложно общаться с сервером, когда дело доходит до записи аналитики и логики самой рассылки.Я пытаюсь пропустить форму через reCaptcha, подтверждая, что пользователь не бот, и если это так, то поля, введенные пользователем, могут быть записаны в базу данных (firebase).Теперь у меня уже есть логика, настроенная для записи пользовательских входов в базу данных и подключения reCaptcha на внешнем интерфейсе, но я не могу понять, как подключить внешний интерфейс к внутреннему с помощью Google 'reCaptcha.

Я пробовал разные способы его подключения, поскольку StackOverflow уже имеет несколько надежных решений, но ни одно из них не помогло мне, так как я изо всех сил пытаюсь понять логику методов POST.Я новичок в JavaScriptВот что я сделал:

grecaptcha.ready(function() {
      // do request for recaptcha token
      // response is promise with passed token
      grecaptcha.execute('6LdFL6kUAAAAAH1J3WcBt9_s4dV2Rk-3wqlwETI9', {action: 'create_user'}).then(function(token) {
          // add token to form
          $('#newsletterform').prepend('<input type="hidden" name="g-recaptcha-response" value="' + token + '">');
              $.post("captcha.php",{ firstname: firstName,
                                  lastname: lastName,
                                  email: email,
                                  token: token},
                      function(result) {
                      console.log(result);
                      if(result.success) {
                       //put logic for recording user's data on database
                         }

И мой php здесь:

<?php
  $firstname;$lastname;$email;$captcha;
  $firstname = filter_input(INPUT_POST, 'firstName', FILTER_SANITIZE_STRING);
  $lastname = filter_input(INPUT_POST, 'lastName', FILTER_SANITIZE_STRING);
  $email = filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL);
  $captcha = filter_input(INPUT_POST, 'token', FILTER_SANITIZE_STRING);
  if(!$captcha){
    echo '<h2>Please check the the captcha form.</h2>';
    exit;
  } else{
  $secretKey = "6LdFL6kUAAAAAEZ8e2yzKZ6J8r6G9locFg_6oFe4";
  $ip = $_SERVER['REMOTE_ADDR'];

  // post request to server
  $url = 'https://www.google.com/recaptcha/api/siteverify';
  $data = array('secret' => $secretKey, 'response' => $captcha);

  $options = array(
    'http' => array(
      'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
      'method'  => 'POST',
      'content' => http_build_query($data)
    )
  );
  $context  = stream_context_create($options);
  $response = file_get_contents($url, false, $context);
  $responseKeys = json_decode($response,true);
  header('Content-type: application/json');
  if($responseKeys["success"]) {
    echo json_encode(array('success' => 'true'));
  } else {
    echo json_encode(array('success' => 'false'));
  }
}
?>

Я добавил скрипт для API в форму.Есть идеи?Ура!

1 Ответ

0 голосов
/ 11 июля 2019

Может быть, вы можете попробовать это в форме рассылки, не нужно ничего менять в коде внешнего вида вашей формы: https://github.com/AlexStack/Google-Recaptcha-to-any-form

Основные примеры кодов:

Показать Google Recaptcha v2 или v3 после Form_Field_ID:

GoogleRecaptcha::show('SiteKey', 'Form_Field_ID');

Проверьте это в бэкэнде php:

GoogleRecaptcha::verify('SecretKey');
...