reCaptcha v3 voorbeeld. Wil iemand testen

bron · 29 nov 2018

Beste helpmij mensen,

Het heeft wat moeite gekost maar ik heb een werkende Google reCaptcha v3 gemaakt die universeel is te gebruiken.
Hiervoor heb ik de Google reCaptcha library gebruikt, die vind je in mapje /recaptcha-v3/ReCaptcha/

- Bestand "recaptcha-v3-request.js"
Het contactformulier gebruikt dit bestand om 'een token' naar de webserver te sturen.

- Bestand "recaptcha-v3-verify.php"
In dit bestand wordt de token geverifieerd en het resultaat teruggestuurd naar de pagina.

De Google library heb ik van https://github.com/google/recaptcha/ (zit al in de zip bijlage).

Mijn vraag: wie wil dit testen? Uitleg zit erbij.

* Aanvulling
reCaptcha v3 werkt niet op een lokale webserver op je PC.
Het werkt alleen op het domein wat je hebt opgegeven bij het registreren.

Aar · 29 nov 2018

Hm.. kan je geen lokale URL zoals website.test gebruiken? Sowieso ga ik er eens naar kijken.

bron · 30 nov 2018

kan je geen lokale URL zoals website.test gebruiken?

Het lukte mij niet in xampp op www.home.lan die in de hosts file naaar 127.0.0.1 verwijst. Poort 80/443 staan niet open naar internet.
Ik ga het toch nog een keer proberen in xampp. Op mijn domein op internet werkt het wel.

bron · 30 nov 2018

Ik kom er net achter dat het wel in Edge en Chrome werkt maar niet in IE 11
Ga nog kijken waarom...

femke98 · 1 dec 2018

Zou ik het kunnen testen voor je?
En hoe?
Heb de uitleg gelezen maar door woordblindheid mijn kant, snap ik het niet helemaal. (wat zijn de files en waar komen die)

Aar · 1 dec 2018

@femke Heb je het al geupload en in een directory staan?

femke98 · 1 dec 2018

Nee nog niet. Had andere plannen vandaag

En zit te denken op welke website ik dit kan testen.

Aar · 1 dec 2018

Je kan het toch ook droog testen, zonder dat je het in een site plaatst?
Ik ga zelf ook nooit dingen in sites bouwen, zonder het eerst goed uitgetest te hebben.

bron · 1 dec 2018

In het kort

1) Registreer reCaptcha v3 voor je eigen website.
2) Noteer sitekey en secret key van reCaptcha v3.

Noot: In het reCaptcha beheerpaneel www.google.com/recaptcha/admin vind je spamstatistiekenkan, de sitekey en secret key.

3) Pak de zip uit.
4) Config aanpassen van recaptcha-v3-request.js én van recaptcha-v3-verify.php
5) Upload mapje "reCaptcha-bestanden" naar de server en rename dit mapje in bijvoorbeeld "reCaptchaTest"
6) Browse dan naar www.example.nl/reCaptchaTest/ (example wijzigen in jouw domeinnaam).

femke98 · 2 dec 2018

Thanx Bron, ik ga dat morgen testen, vandaag is voetbaldag

bron · 3 dec 2018

Je kan reCaptcha v3 op localhost testen (niet op een ander lokaal domein).
In het beheerpaneel https://www.google.com/recaptcha/admin zet je op de 2e regel: localhost

Aar · 3 dec 2018

Ook geen lokaal .dev domein?
Die heeft Google tegenwoordig opgekocht.

[offtopic]
Tegenwoordig gebruik ik .test i.p.v. .dev. Omdat Google alle browsers gedwongen heeft om HSTS-controle op die tld aan te zetten. Daardoor werkten enkele non-SSL projecten niet meer. En een uitzondering kan je in je browser ook niet instellen.
[/offtopic]

bron · 4 dec 2018

Tegenwoordig gebruik ik .test i.p.v. .dev.

Dankje voor de tip, na wat googelen las ik https://webdevstudios.com/2017/12/12/google-chrome-63/
Deze tld's worden lokaal aanbevolen: .test .example .invalid .localhost
Nu werk ik nog lokaal met www.home.lan, ik ga het veranderen in www.dev.test

femke98 · 6 dec 2018

Ik ga het nu testen op mijn test123 gebeuren, waar die behangservice nog op staat.
Ik moet dus als ik het goed begrijp:

1) Registreer reCaptcha v3 voor je eigen website.
2) Noteer sitekey en secret key van reCaptcha v3.

Dit is gedaan.

Heb het zipbestand uitgepakt. De bestanden veranderd door key in te vullen.
Daarna reCaptcha-bestanden map naar de server geupload (naam veranderd in reCaptchaTest).

naar de link en dan krijg ik dit:

Forbidden
You don't have permission to access /reCaptchaTest on this server. wptest123.nl

ik vraag me af of ik niet te veel heb geupload?
zie screenshots.

bron · 6 dec 2018

Registreer reCaptcha v3 voor je eigen website.

Registreer voor het domein waar je het gaat gebruiken (behang website)

You don't have permission to access /reCaptchaTest

- Heb je de permissies van de reCaptchaTest map & submappen op 755 staan?
- Verander gVerify eens in "uploads/recaptcha-v3/recaptcha-v3-verify.php";

naar de link en dan krijg ik dit

Het linkje is dan BehangWebsite.nl/reCaptchaTest , klopt dit bij jou?

ik vraag me af of ik niet te veel heb geupload?

Alleen uitleg.txt zou ik weglaten. De rest hoort bij de reCaptcha library.

bron · 6 dec 2018

Plaatje rechtsboven bij #14 heeft 4 bestanden die je in je live website kan integreren:

index.php : alleen de regel <input type="hidden" id="grecdata" name="grecdata" value=""> in het contactformulier.
mailer.php : het stukje if (isset($_POST["grecdata"]) && ...){....} gebruik je voor evalueren van de spamscore.
style.css : in live website niet nodig want daar heb je al css voor het contactformulier.
uitleg.txt : verwijder dit van de website.

femke98 · 6 dec 2018

Het linkje is dan BehangWebsite.nl/reCaptchaTest , klopt dit bij jou?

nee, dit is nog de test website. Dus de link is: http://www.wptest123.nl/

Moet even kijken of ze op 755 staan, ik heb daar zelf niets aan veranderd.

Verander gVerify eens in "uploads/recaptcha-v3/recaptcha-v3-verify.php";

Dit vind ik waar?

en je bericht #16 zal ik straks even doen, ben nu weer druk met iets anders

bron · 6 dec 2018

de link is: http://www.wptest123.nl/

reCaptcha kan je dan testen op http://www.wptest123.nl/reCaptchaTest/ (ervan uitgaand dat je het mapje reCaptchaTest in de root hebt staan)

gVerify . . . Dit vind ik waar?

In recaptcha-v3-request.js deze config aanpassen:
var gVerify = "uploads/recaptcha-v3/recaptcha-v3-verify.php";

en je bericht #16 zal ik straks even doen

Doe dit nog maar niet, dit berichtje laat zien hoe je het in een 'live website' kan zetten. Doe eerst maar de test (uitleg.txt) met info uit bovenstaande beritjes.

femke98 · 6 dec 2018

reCaptcha kan je dan testen op http://www.wptest123.nl/reCaptchaTest/ (ervan uitgaand dat je het mapje reCaptchaTest in de root hebt staan)

maar dan krijg ik forbidden.

In recaptcha-v3-request.js deze config aanpassen:
var gVerify = "uploads/recaptcha-v3/recaptcha-v3-verify.php";

weer getest en ik krijg:
Forbidden
You don't have permission to access /reCaptchaTest/ on this server. www.wptest123.nl

Aar · 7 dec 2018

dan heb je geen index.php in die map staan?

reCaptcha v3 voorbeeld. Wil iemand testen

Moderator

Bijlagen

Inventaris

Moderator

Moderator

Meubilair

Inventaris

Meubilair

Inventaris

Moderator

Meubilair

Moderator

Inventaris

Moderator

Meubilair

Moderator

Moderator

Meubilair

Moderator

Meubilair

Inventaris

Wij waarderen jouw privacy