Topics

1

How to / Instalar reCaptcha en panel de control de usuarios

« on: August 01, 2022, 03:10:22 AM »

Hola, dejo por aca una guia para instalar reCaptcha en el login de los usuarios, no encuentro manera de poder colocarlo en el panel de control general si alguien me da una mano se lo agradeceria mucho.

1) Primero debemos conseguir nuestras claves en google reCAPTCHA https://www.google.com/recaptcha

2) Cuando ya tengamos nuestras claves procedemos a localizar el archivo "login.html"

Code: [Select]

/usr/local/cwpsrv/var/services/users/cwp_theme/original/login.htmlPuede variar la ubicacion dependiendo de su instalacion

3) Una vez localizado tenemos que abrirlo con el editor de texto, la mejor opcion es notepad++ pero pueden utilizar el que mas les guste.

A.- Dentro de la etiqueta head coloca el siguiente código:

Code: [Select]

<script src="https://www.google.com/recaptcha/api.js" async defer></script>Recomiendo ponerlo antes del fin de la etiqueta asi yo no tuve problemas </head>

B.- En el código del formulario, en la etiqueta <form>, deberás agregar el siguiente código en el lugar donde quieras que aparezca el Catpcha:(Recomiendo al antes de finalizar la etiqueta </form>)

Code: [Select]

<div class="g-recaptcha" data-sitekey="your_site_key"></div>En “your_site_key”, dentro de las comillas, deberás ingresar el key que se generó en google reCAPTCHA

C- Dentro de la etiqueta <form> dentro del mismo archivo debemos agregar lo siguiente:

Codigo original:

Code: [Select]

<form class="m-t" role="form" action="#" id="formloginon" method="post">en "action="#" debemos reemplazar el # por el nombre de "reCAPTCHA.php""

Resultado:

Code: [Select]

<form class="m-t" role="form" action="reCaptcha.php" id="formloginon" method="post">
4) Una vez realizado esos cambios debemos crear dentro del mismo directorio "/cwp_theme/original/login.html" un archivo y renombrarlo "reCaptcha.php"

5) Dentro del archivo "reCaptcha.php" agregaremos el siguiente codigo:

Code: [Select]

<?php

if ($_POST['g-recaptcha-response'] == '') {
echo "Captcha invalido";
} else {
$obj = new stdClass();
$obj->secret = "AQUI PONDREMOS NUEVAMENTE NUESTRO KEY SITE";
$obj->response = $_POST['g-recaptcha-response'];
$obj->remoteip = $_SERVER['REMOTE_ADDR'];
$url = 'https://www.google.com/recaptcha/api/siteverify';

$options = array(
'http' => array(
'header' => "Content-type: application/x-www-form-urlencoded\r\n",
'method' => 'POST',
'content' => http_build_query($obj)
)
);
$context = stream_context_create($options);
$result = file_get_contents($url, false, $context);

$validar = json_decode($result);

/* FIN DE CAPTCHA */

if ($validar->success) {
$email = trim($_POST['email']);
$nombre = trim($_POST['nombre']);
$apellido = trim($_POST['apellido']);
$telefono = trim($_POST['telefono']);
$comentario = trim($_POST['comentario']);

$consulta = "E-mail: " . $email . " Nombre: " . $nombre . " Apellido: " . $apellido . "Comentario: " . $comentario;

mail("ejemplo@MiDominio.com", "Contacto desde Formulario", $consulta);
} else {
echo "Captcha invalido";
}
}
?>"AQUI PONDREMOS NUEVAMENTE NUESTRO KEY SITE"

6) Guardar el archivo y comprobar que nuestro login de usuarios ya tenga funcionando el reCAPTACHA.


Bueno amigos eso es todo disculpen si este post no va en este lugar recien termino de hacer todo esto y estoy un poco cansado.
Me gustaria poder colocar el reCAPTCHA en el panel de control pero me esta costando creo que esta encriptado el login del root, si alguien es tan amable y me da una sugerencia de como poder agregarlo se lo agradeceria mucho.