Nová reCAPTCHA pro formuláře

Trošku jsem zase pokročil.

ReCaptcha->validate() vrací FALSE.

$ch = curl_init();
Debugger::dump($ch);
curl_setopt_array($ch, array(
    CURLOPT_URL => self::VERIFICATION_URL . '?' . http_build_query(array(
	    'remoteip' => $remoteIP,
	    'secret' => $this->secretKey,
	    'response' => $post[self::RESPONSE_KEY],
    ), '', '&'),
    CURLOPT_RETURNTRANSFER => TRUE,
    CURLOPT_SSL_VERIFYHOST => FALSE,
    CURLOPT_SSL_VERIFYPEER => FALSE,
));

$response = curl_exec($ch); // $response == FALSE

Editoval dubblen (22. 8. 2016 1:26)

Ten další error je jen způsobený tím zakomentováním, to je v pohodě.

Myslel jsem, že ty 2 SSL optiony, co se v tom cURL callu nastavují, budou stačit. Mohl bys prosím přidat ještě CURLOPT_VERBOSE, jestli to na sebe neprozradí víc?

EDIT: resp. zkus ještě prosím zapnout CURLOPT_CERTINFO

Editoval uestla (22. 8. 2016 15:38)

Prepísal som to a chyba zmizla. Žiadny chyba nenastane, ale nič sa nevykreslí. Vo formulári to mám ako

	<label n:name="captcha" class="required">Captcha</label>
	<div n:name="captcha"></div>

Konzola nič a žiadny prvok sa nezobrazí.

EDIT: Chyba bola tentokrát u mňa. Už sa zobrazuje. Len doménu pre virtualhost mám teraz blbo…

Editoval Čamo (3. 11. 2016 12:51)

@SontoEremo Ahoj.

Jakou verzi používáš? Validace je implementovaná možná trošku vágně, že vrací FALSE i při fatálních chybách.

Zkus si prosím postupně odkrokovat nebo ručně dumpovat, co se děje v této fázi":https://github.com/…eCaptcha.php#….

Ono totiž může dojít k chybě při CURL requestu nebo se ti vrátí nevalidní JSON a validátor „jen“ zahlásí, že přišla nevalidní hodnota…

Právě jsem vydal verzi 6.0.0.

Hlavní BC break je rozdělení do vícero tříd, vznikly třídy:

• ReCaptchaControl\DI\Extension
• ReCaptchaControl\Control
• ReCaptchaControl\Renderer
• ReCaptchaControl\Validator

Hlavním důvodem byla lepší testovatelnost – čili zároveň přibyly i testy :-)

PS: Pokud používáte DI extenzi, tak se vás týká v podstatě jen přejmenování ReCaptchaControl\ReCaptchaExtension na ReCaptchaControl\DI\Extension, zbytek zůstal nezměněný.

Editoval uestla (24. 1. 2017 23:49)

Ahoj,

po každém AJAX requestu je potřeba recaptchu resetovat pomocí grecaptcha.reset();.

Pokud používáš nette.ajax.js, můžeš použít něco jako tohle.

Asi to přidám jako další ukázkový script mezi assety.

Editoval uestla (24. 3. 2017 1:09)

Ahoj,

mám dotaz. Mám projekt bez composeru takže jsem instaloval reCaptchu pouze stažením a přidáním do configu, ale Laděnka mi vyhazuje toto:

Found sections 'extensions', 'recaptcha' in configuration, but corresponding extensions are missing.

Můj config:

	extensions:
		recaptcha: ReCaptchaControl\DI\Extension

	recaptcha:
# required
		siteKey: 'xxx'
		secretKey: 'xxx'

# optional
		methodName: 'addReCaptcha'
		requester: ReCaptchaControl\Http\Requester\CurlRequester

Mohli by jste mi poradit?

Děkuji

uestla napsal(a):

Ahoj,

to vypadá na nějakou starší verzi Nette, protože se ti nenačítá Nette\DI\Extensions\ExtensionsExtension. Jakou verzi Nette máš?

Ano předělávám kamarádovi web a je celý vytvořený na starší verzi Nette 2.0.1

@uestla aha děkuji zkusím to.

Ahoj,

jde to i bez ní. Hlavní myšlenka je, že by se grecaptcha.execute(...) měla vykonat až po úspěšné klientské validaci (ať už tvojí vlastní, nebo té v netteForms.js).

https://github.com/…isible.latte#…

Já to testoval zvýšením „ostražitosti“ v nastavení reCAPTCHy :-)

Ale je možné, že ani pak nebude kontrola vyskakovat…

Ahoj,

úspěšně se mi povedlo na localhostu aplikovat tvůj ReCaptchaControl, tedy až na funkcionalitu. Formulář se mi totiž neodešle, ani když captchu vyplním nebo ne, navíc se mi ani nezobrazí hláška když ji nevyplním. Předpokládám, že problém bude, že formulář není vyhodnocený jako „success“ k odeslání… Nevím ovšem jak to napravit, případně jak to debugnout a najít příčinu chyby?

protected function createComponentSubscribe() {

        $form = new Form();
        $form->addText('labelTitle');
        $form->addText('labelEmail', "Email: ");
        $form->addEmail('email')->setRequired(true);
        $form->addText('lblLang', "Language: ");
        $form->addSelect('langSelect')->setItems(['en', 'cs']);
        $form->addReCaptcha('captcha','reCAPTCHA for you',"Please prove you're not a robot.");
        $form->addSubmit('btnSub', $this->translator->translate('ui.subscribe'));
        $form->onSuccess[] = [$this, 'subscribe'];

        return $form;
}

Jinak používám {input captcha}.

EDIT: Když ReCaptchu zakomentuju tak se formulář odesílá, takže hádám že je vždy vyhodnocena jako nesplněna…? Tím pádem se neobjeví ani hláška že jsem ji nevyplnil, když se formulář neodešle.

Editoval Darthy (26. 2. 2018 21:12)

@uestla Konzole je prázdná, žádnou chybu nehlásí. Script mám daný v @layout.latte v {block scripts} úplně jako poslední… Ale recaptcha běží, označí zelenou fajfkou že nejsem robot a když kliknu odeslat, tak se formulář neodešle, jen když je addReCaptcha() zakomentovaná (a makro v latte).

EDIT: Tak už jsem se posunul, chyběl mi v config.neon řádek requester (simple requester funguje, CURL mi nešel), v dokumentaci máš napsáno, že to není vyžadováno, nicméně mně to bez toho nejede. Každopádně, pokud nezaškrtnu reCaptchu, tak mi nenapíše hlášku „Please prove you're not a robot.“, musím pro to mít někde makro?

Editoval Darthy (2. 3. 2018 15:29)

Neměl jsem v config.neon řádek requester, tak jsem tam dal defaultně ten co máš v dokumentaci – tedy CurlRequester. Nic se nezměnilo, (ne)fungovalo to jako předtím, formulář se neodeslal. Ale jakmile jsem CurlRequester vyměnil za SimpleRequester, tak se formulář bez problému odeslal (pokud byla recaptcha zaškrtnutá). Pokud zaškrtnutá není, tak se formulář neodešle, ale nezobrazí se ani zpráva.

Zkoušel jsi prosím dumpovat v CurlRequesteru $response, případně curl_error($ch), jak jsem tě odkazoval výše? Tipuji to na problém s certifikáty.

Dump mi vrací false a pro curl_error($ch) se nezobrazuje nic.

Při kliknutí na submit se nic nestane? Nebo tím myslíš, že se odešle, ale považuje se za nevalidní (tj. nevyvolá se > onSuccess event)?

Nevalidní.

Není to pouze tím, že ji nikde nevykresluješ?

Přiznám se že s nette nejsem tak daleko, je dost možné že ji nevykresluji, protože nevím jak ji vykreslovat. V presenteru volám flashMessage() pro vykreslování vlastních zpráv a v latte pak používám

{foreach $flashes as $flash}
	<div class="form-labels">{$flash->message}</div>
{/foreach}

a moje zprávy se mi vykreslují.

„Nic“ ve smyslu NULL? Co ti to vydumpuje?

Pokud dám curl_error($ch) do dumpu, vyhodí prázdný řetězec, jen "".

Ahoj,

aktualizoval jsme na novou verzi 7.0.0 kde přibyly validace a nevím si rady jak znovu zprovoznit to co fungovalo
dříve :)

V config.neon mám:

reCaptcha:
    secretKey: @App\Model\Managers\Settings::getRecaptchaSecretKey()
    siteKey: @App\Model\Managers\Settings::getRecaptchaSiteKey()
    methodName: 'addReCaptcha'

A problém je, že při vytváření DI containeru je v ReCaptchaControl\DI\Extension validace na string:

Validators::assertField($config, 'siteKey', 'string');

Moje funkce sice string vrací, ale při vytváření containeru jí validace vidí jako Nette\DI\Statement a tudíž vyhodí chybu. Neřešil někdo podobný problém, že by potřeboval předávat klíče pro recaptchu například z databáze a né jí mít natvrdo v config.neon?

@uestla toto jsem už taky zkoušel, ale stejně je to stále jako Nette\DI\Statement a padne to na validaci :( Myslím, že dokud se nesestaví container tak se to nezmění…

@OndřejKubíček bohužel ani takto to nejde. Stále stejná chyba.

Jasně :) Díky za rychlé odpovědi

Ahojte, snazim sa najodit tito komponentu 7.0.1:
pridal som extension, nakonfiguroval secretKey a siteKey, pridal do formu field a macro do template:

$form->addReCaptcha('recaptcha', NULL, "Please prove you're not a robot.");

{input recaptcha}

Problem je v tom ze ked odoslem formular, tak sa nic nestane a form sa v pohode odosle. RObim nieco zle?

@duskohu Ahoj, jak jsi prosím vyřešil ten úvodní problém? Pokud se formulář odeslal bez validace a pustil onSuccess, je to závažný problém. Nebo ti jen chybělo vykreslení chybové hlášky?

Ohledně AJAX formuláře – zkoušel jsi vyjít z demo aplikace v tests/manual?

Chci se zeptat když to volám v modal oknu je nějaká možnost jak vrátit flashmessage o tom že to nepotvrdil?

uestla napsal(a):

@jAkErCZ O tom, že to nepotvrdil, by se měl dozvědět prostřednictvím chybové hlášky formuláře (nikoliv flashMessage). Vykresluješ chyby toho inputu? Případně chyby na úrovni celého formuláře?

Další otázka je, jestli máš daný formulář v modalu AJAXový či ne, a jak se ti to chová, když se odešle, ale obsahuje chyby (právě třeba kvůli nevyplněné reCAPTCHe).

Ono jde o to že ten modal se mi vždy zavře… ale když ho otevřu tak tam vidím u toho že nepotvrdil… ale jak udělat aby se mi to nezavřelo..

Funguje někomu invisible recaptcha společně s AJAXem? Mám tento kód:

{form form class => 'ajax'}
    <div n:if="$form->ownErrors" class="alert alert--error"><ul><li n:foreach="$form->ownErrors as $error">{$error}</li></ul></div>

    <div class="js-hide">{input captcha, 'data-size' => 'invisible'}</div>

    <p n:ifcontent>
        <span class="inp__error" n:ifcontent>{$form['captcha']->error}</span>
    </p>

    <p class="text-center">
        <button n:name="send" type="submit" class="btn btn--yellow"><span class="btn__text">{_forms.send}</span></button>
    </p>
{/form}

    <script src="/js/netteForms.min.js"></script>
    <script src="/js/nette.ajax.min.js"></script>
    <script src="https://kesspess.cz/recaptcha/assets/vendor/uestla-recaptcha-control/assets/recaptcha.ajax.js"></script>
    <script n:syntax="off">(function(window,$){$(function(){$.nette.init();});})(window,window.jQuery);</script>

Nedochází k ověření u Google, protože formulář vrací Please prove you're not a robot.
Bez AJAXu (s HTML dle manuálu) mi to ale funguje.