You are on page 1of 13

https://www.youtube.com/watch?

v=Vdx96WZnl0s

https://www.elsolucionario.org/ para descargar libros

https://libreriafavorita.blogspot.com

http://librosysolucionarios.net/category/ingenieria/

http://librosuniversitariospdf.blogspot.com/

https://libreriafavorita.blogspot.com/

https://www.youtube.com/watch?v=ffAs2kAN0ws

https://codigofacilito.com/videos/30-rediseno-del-home

https://www.youtube.com/watch?v=2y9_Gx4nsfA

https://codigofacilito.com/videos/10-background-image-and-background-repeat

https://codigofacilito.com/videos/35-agregar-texto-a-imagenes

https://www.youtube.com/watch?v=NYjpZHFnxps

https://www.youtube.com/watch?v=oRhK1QsuJEY

https://codigofacilito.com/videos/vinetas-personalizadas-para-listas

para recpcha 2017

https://webdesign.tutsplus.com/es/tutorials/how-to-integrate-no-captcha-recaptcha-in-your-
website--cms-23024

https://webdesign.tutsplus.com/es/tutorials/how-to-integrate-no-captcha-recaptcha-in-your-
website--cms-23024

https://codigofacilito.com/videos/nuevo-componente-logro

https://codigofacilito.com/cursos/crea-un-administrador-de-proyectos-con-django

https://codigofacilito.com/videos/parametros-en-las-rutas

https://prezi.com/nko2o5q-oftq/edit/#11_24309637

https://prezi.com/nko2o5q-oftq/edit/#24

https://codigofacilito.com/videos/11-formularios

https://www.codigofacilito.com/videos/41-definir-notificacion

https://www.codigofacilito.com/videos/21-version-ionic
<?php

$recaptcha = $_POST ['g-recaptcha-response'];

if($recaptcha != ''){

$secret = " 6Lc2FjEUAAAAABJgShpqFsB5xbu9LKF303fqaniC";

$ip = $_SERVER['REMOTE_ADDR'];

$var =
file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret&response=$reca
ptcha&remoteip=ip");

$array =json_decode ($var,true);

if($array['success']){

//true

echo "soy humano"

}else{

echo "soy un robot"

?>
Cómo Integrar "No
CAPTCHA reCAPTCHA"
en tu Sitio Web
by Ian Yates13 Jan 2015
Español
Difficulty:BeginnerLength:LongLanguages:
Form DesignCaptchaPHPMaterial Design
Spanish (Español) translation by Lourdes Lopez Jimenez (you can also view the original English
article)

Entradas CAPTCHA son quizá las mas comunes de las experiencias


frustrantes en la web. Son suficientemente dolores para la mayoría de las
personas, olvídate de las personas con desventajas visuales o cualquiera que
depende de tecnologías asistidas tales como lectores de pantalla para accesar a
la web. Sin embargo, tristemente, CAPTCHAs son absolutamente vitales para
combatir spam.

Un mal necesario (gracias spammers)


Irónicamente, incluso tradicionales CAPTCHAs de "texto distorsionado" son
incomodas de leer para usuarios humanos, tecnología de inteligencia artificial
moderna tiene menos problemas en resolverlos. ¡Google incluso usa
tecnología similar para leer numero de casas y letreros de calles para
confirmar las localizaciones en Google Street View!

Los robots de Google pueden leer esos con precisión


Es solo logico por lo tanto que los propios desarrolladores de Google
aparecieran con una mejor solución CAPTCHA hasta ahora, para finales del
2014. El No CAPTCHA reCAPTCHA no requiere nada mas que un pulso de
dedo, un clic de ratón, o enfocarse en la entrada con un teclado y presionar
la barra espaciadora.

En la mayoría de casos es así de simple, pero si los análisis de riesgo de


Google aún no pueden estar seguros de que eres un humano, una segunda
pantalla aparecerá.
Lo puedes ver en acción en toda la web, como en la página de sumisión
de @materialup por ejemplo.

Consigue No CAPTCHA reCAPTCHA


Vamos a cortar a la persecución y conseguirnos una instalación con No
CAPTCHA.

Paso 1
Primero, necesitamos una clave API, así que ve
a https://www.google.com/recaptcha/admin. Para ganar acceso a esta página
necesitarás haber iniciado sesión en tu cuenta de Google. Se te preguntará que
registres tu sitio web, así que dale un nombre adecuado, entones lista los
dominios (por ejemplo tutsplus.com) donde este particular reCAPTCHA será
usado. Subdominios (tales como webdesign.tutsplus.com y code.tutsplus.com)
son automaticamente tomados en cuenta.
Paso 2
Con eso hecho se te dará una clave de sitio y la clave secreta de partner:

Paso 3
Debajo de las claves verás algunos fragmentos para incluir reCAPTCHA en tu
sitio web. Primero está el JavaScript:
1 <script src='https://www.google.com/recaptcha/api.js'></script>
Puedes también definir cuales de los 40 idiomas soportados estás usando
agregando un parámetro a la cadena. Aquí estamos agregando es el cual nos
dará el reCAPTCHA para el lenguaje Español.
1 <script src='https://www.google.com/recaptcha/api.js?hl=es'></script>
Pon esta etiqueta script en el pie de tu página (o justo debajo del formulario
donde reCAPTCHA aparecerá, dependiendo de como prioritizes tu carga de
recursos).

Paso 4
Enseguida el placeholder que necesitarás agregar a marcado de tu formulario
cuando sea que reCAPTCHA aparezca:
1 <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>
Nota: el atributo data-sitekey mantendrá el valor de tu clave, no como este
ejemplo.

Hay otros atributos los cuales puedes agregar para personalizar la vista y
funcionalidad de tu reCAPTCHA en este punto. Por ejemplo, agregar data-
theme="dark" a este div te dará una versión oscura, la cual podría encajar

mejor en tu interfaz de usuario:

Para mas detalles sobre la configuración de tu reCAPTCHA hecha un vistazo


a developers.google.com.

Armandolo
Ahora tenemos los ingredientes iniciales, es tiempo de ponerlos en un entorno
funcional.
Paso 1
Vamos a poner nuestra etiqueta script y el placeholder en un simple
formulario:
01
02
<!DOCTYPE html>
03 <html lang="en">
04 <head>
05 <title>How to Integrate Google “No CAPTCHA reCAPTCHA” on Your Website</title>
06 </head>
07
<body>
08
09 <form action="" method="post">
10
11 <label for="name">Name:</label>
12 <input name="name" required><br />
13
14 <label for="email">Email:</label>
15 <input name="email" type="email" required><br />
16
<div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>
17
18 <input type="submit" value="Submit" />
19
20 </form>
21
22 <!--js-->
23 <script src='https://www.google.com/recaptcha/api.js'></script>
24
</body>
25 </html>
26
27
Aquí hemos usado un esqueleto de estructura de página con un formulario que
contiene una entrada name , una entrada email y un botón de sumisión. No
hay ningún estilo de ninguna clase aquí porque no es realmente necesario en
este tutorial.
Deberías de tener algo que se vea como esto
Para demostrar que la prueba reCAPTCHA ha sido pasada vamos a necesitar
ejecutar algunas pruebas en el lado del servidor. En este caso vamos a hacerlo
con PHP, así que guarda este archivo en un nuevo proyecto como index.php .

Paso 2
Vas a darte cuenta de que el método de este formulario es post , así que
cuando enviamos los datos de formulario serán devueltos a esta página dentro
de un array de variables. Podemos mostrar esas variables haciendo un loop
sobre ellas, así que agrega lo siguiente a tu página en algún lugar:
1 <?php
2 foreach ($_POST as $key => $value) {
3 echo '<p><strong>' . $key.':</strong> '.$value.'</p>';
4 }
?>
5
Esto toma cada par clave/valor presente en tu array $_POST y los devuelve
con un poco de formato. Ahora cuando envies el formulario deberías de ver
algo como lo siguiente:
Verás el valor devuelto para name y email , pero también un valor para g-
recaptcha-response . Si fallas en completar la prueba CAPTCHA este valor

estará en blanco, pero si marcaste la caja "I'm not a robot" verás una enorme
cadena de caracteres.

Pero este valor necesitamos enviarlo a Google para que pueda ser verificado,
así que vamos a hacer eso enseguida.

Paso 3
Felizmente, el equipo de desarrolladores de Google han hecho un trabajo duro
para nosotros aquí, así que dirigente al proyecto ReCAPTCHA en Github y
toma una copia de la librería recaptchalib.php. Ponlo en la raíz de tu proyecto
y luego has referencia a el en la parte de arriba de tu archivo index.php :

1 <?php
2
3 // grab recaptcha library
4 require_once "recaptchalib.php";
5
6 ?>

Paso 4
Esta biblioteca contiene una colección de funciones que envían el g-
recaptcha-response (junto con nuestra clave secreta) a Google via una

solicitud HTTP. Ellos entonces toman la respuesta, revisando ya sea si el


CAPTCHA fue exitoso o no. Para usar esto necesitamos primero ajustar un
par de variables, antes de cerrar la etiqueta PHP:
1 // your secret key
2 $secret = "6LcePAATAAAAABjXaTsy7gwcbnbaF5XgJKwjSNwT";
3
4 // empty response
5 $response = null;
6
7 // check secret key
$reCaptcha = new ReCaptcha($secret);
8
ReCaptcha() echa un vistazo para ver si nuestra clave secreta está presente.
Si no cierra el proceso y nos recomienda que vayamos a conseguir una.
Entonces nosotros pasamos nuestros detalles a través de lo siguiente:
1
// if submitted check response
2 if ($_POST["g-recaptcha-response"]) {
3 $response = $reCaptcha->verifyResponse(
4 $_SERVER["REMOTE_ADDR"],
5 $_POST["g-recaptcha-response"]
);
6 }
7

Paso 5
Asumiendo que todo esté bien con nuestro formulario enviado, la
variable $response reportará de vuelta con "success" y podemos continuar a
procesar los datos de formulario. Aquí está como podría verse: remove la
parte donde hicimos bucle sobre los datos del formulario, entonces agrega la
siguiente comprobación arriba del formulario:
1 <?php
2 if ($response != null && $response->success) {
3 echo "Hi " . $_POST["name"] . " (" . $_POST["email"] . "), thanks for submitting the form!";
4 } else {
?>
5
Finalmente, agrega una etiqueta de cerrado luego del formulario:
1 <?php } ?>
Esto muestra el formulario, a menos que haya sido exitosamente enviado, en
tal caso mostrará un pequeño mensaje de agradecimiento. Aquí está la demo
final.
Advertisement

Conclusión
Esta fue una aspera y lista implementación en PHP de No Captcha
reCAPTCHA. Está muy disponible para mejoras, pero con suerte te dará una
compresión de lo básico. El credito para la biblioteca va al equipo de
desarrolladores de Google y debería también dar un rápido agradecimiento
a Matt Aussaguel por indicármelo.

Recursos Útiles
 ReCAPTCHA 1.0.0 en Github
 Documentación de ReCAPTCHA
 ¿Eres un robot? Presentado "No CAPTCHA reCAPTCHA" Blog de
Seguridad de Google
 Integración ReCaptcha de WordPress, plugin reCaptcha para inicio de
sesión, registro, formularios de comentarios, Ninja Forms y Contact
Form 7
Advertisement
Ian Yates
Web Design editor at Envato Tuts+
My name's Ian; I'm the web design editor round these parts and I also run the translation
project. Ask me anything you like about web design, in any language… I'll find
someone who knows the answer!

snaptin

You might also like