En el post anterior vàrem veure com registrar-nos a Google reCaptcha i com crear el nostre reCaptcha. El següent serà implantar el nostre codi pas a pas en els nostres fitxers, tant a la vista del formulari com al fitxer que processa tota la informació d’aquest formulari i que rebrà si el reCaptcha s’ha executat correctament.

En Busca del formulari perdut…

Continuem amb el nostre tutorial obrint l’arbre d’arxius de la nostra pàgina web i reconeixent el fitxer de la vista del formulari on volem implementar el reCaptcha. Això és un xic complicat si nosaltres no hem creat la pàgina web, per tant serà necessari comunicar-se amb el desenvolupador d’aquesta pàgina perquè ens informi a on es situa el fitxer del formulari en el que volem implantar el nostre reCaptcha.

Una vegada identificat el fitxer, n’hi ha prou amb veure al nostre codi unes etiquetes denominades <form> i </form> (en aquest tutorial s’utilitza HTML) en el cas que la vista sigui creada amb HTML. Les etiquetes que trobem entre aquestes, són tots els camps del teu formulari.

Implantant codi

Seguidament copiem, de la pàgina de Google reCaptcha, el segon camp del pas 1 i ho introduïm on nosaltres veiem que volem que es mostri en el nostre formulari. En aquest cas el situarem damunt del botó d’enviar, el qual es pot identificar com <input type=’submit’ …>, <button type=’submit’…> o semblants.

El següent és trobar la capçalera de la nostra pàgina web. Normalment s’identifica l’arxiu amb el nom de header.php, però pot dir-se de qualsevol manera. També es pot donar el cas que es trobi al mateix fitxer on està el formulari.

El més important és identificar l’etiqueta </head>. Una vegada identificada, tornem altre cop a la pàgina de Google reCaptcha i copiem el primer codi del pas 1.

El pas següent és descarregar-nos un fitxer que ens ajudarà a crear el procés de verificació. És una llibreria que la podem trobar aquí.

Una vegada oberta la pàgina, hem de clicar el botó “copy path”. Seguidament hem de buscar l’arxiu que recull la informació de la vista de formulari i la processa (com ja hem comentat abans, si no ets la persona que ha desenvolupat la pàgina web, et recomanem que preguntis a la persona que va programar aquest fitxer o pàgina), nosaltres per a l’exemple anomenarem aquest arxiu “fitxer.php”.

Una vegada trobat aquest fitxer, crearem un arxiu en blanc al mateix nivell de ruta que el fitxer anteriorment comentat, el qual cridarem “recaptchalib” amb extensió “.php”. Obrirem l’arxiu i li donarem al botó “enganxar”. Una vegada enganxat el codi desarem l’arxiu.

En el proper tutorial acabarem d'implementar codi en els nostres fitxers

Author Javier Aranda

More posts by Javier Aranda

Leave a Reply

seven − 5 =

Addmira todos los derechos reservados.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies