CON-941 - Google reCaptcha 2

It would be great to repace old google reCaptca

Same feature request as CON-941

There is a plugin which does this currently: https://our.umbraco.org/projects/collaboration/recaptcha-field-for-umbraco-forms/

Source: https://developers.google.com/recaptcha/docs/faq#what-happens-to-recaptcha-v1

Google recaptcha v1 api is closing down. Currently a percentage of recaptcha v1 hits result in a warning being displayed (in attachment). As this warning is displayed to a percentage of hits, a workaround is to reload the form, until recaptcha doesn't display the warning.

We need to implement recaptcha v2 until 30/3/2018, when the recaptcha v1 apis will stop working.

A drop-in replacement is available now. It adds a file in App_Code and two view files. If you need the update now then this is an easy replacement. On the form you'll need to replace Recaptcha with Recaptcha2.

Updated for v4/6 as well

This will not work for Contour but a similar fieldtype is available for Contour in this forum thread: https://our.umbraco.org/forum/umbraco-pro/contour/63765-Upgrading-ReCaptcha-to-the-Im-not-a-robot-version#comment-215220

PR: https://github.com/umbraco/Forms/pull/182

I've updated the drop-in replacement, to be a bit nicer and support both the theme and the size options, so just unzip this into any forms v4/6/7 installation and you should be good to go with the new field.

Code looks good and it works! Merging.

Hello @sebastiaan, I have Umbraco 6.1.6 site and it has contour form, will this package work for that version?

This will not work for Contour but a similar fieldtype is available for Contour in this forum thread: https://our.umbraco.org/forum/umbraco-pro/contour/63765-Upgrading-ReCaptcha-to-the-Im-not-a-robot-version#comment-215220

@sebastiaan Thank you very much

Hello, I an using Umbraco 7.9 with Forms 7.0 How do I install this great important work?

@stan246 We haven't released 7.0.1 yet, for now you can use the App_Code workaround above.

@sebastiaan Just a few questions about this: Will 7.0.1 replace the v1 recaptcha with v2 as a core field type? Will we need to remove this drop-in code when upgrading to 7.0.1? Do you know if 7.0.1 will be released before March 31?

@sebastiaan Also, we noticed a couple issues with the drop-in fix:

• needed to add using Umbraco.Forms.Core.Attributes; to the App_Code/ReCaptcha2.cs class to get it to compile on runtime

• the App_Plugins/UmbracoForms/Backoffice/Common/FieldTypes/Recaptcha2.html view was still referencing the old recaptcha image path, instead of /App_Plugins/UmbracoForms/Images/recaptcha2.png

7.0.1 will have an additional field type which you can replace the current one with. Drop-in code will be fine, doesn't need to be removed, but can be if you want. I unfortunately don't know what the release date will be but yes, I expect it before Mar 31. :)

Cool, I'll update the drop-in replacement tomorrow. Thanks for the test!

@sebastiaan Thanks for the quick reply! Appreciate it.

@sebastiaan During testing, we found an issue in the Recaptcha2.cs class in App_Code found in this patch.

If the Error message on a Recaptcha field is left blank, and the user does not complete the challenge, an exception gets thrown : System.Collections.Generic.KeyNotFoundException: The given key was not present in the dictionary.

This is because of line 77: var error = field.Settings["ErrorMessage"];

We've updated this in our version to be: var error = field.Settings.ContainsKey("ErrorMessage") ? field.Settings["ErrorMessage"] : string.Empty;

@sebastiaan @cpevans

Just installed this and it is working great - thank you! Installed on Umbraco version 7.6.4 with Forms UmbracoForms.Package.6.0.3. Note the following changes that needed to be made in order to 1) compile the site using JIT and 2) make it actually work (Thank-you Chris Evans for these contributions, I am just summarizing everything here in one post.)

1. Add using Umbraco.Forms.Core.Attributes; to the App_Code/ReCaptcha2.cs
2. Upgrade your RecaptchaPublicKey and RecaptchaPrivateKey values in UmbracoForms.config to the values provided by https://www.google.com/recaptcha/ AND make sure you add your domain! It's confusing because they give you the API keys before you actually register domains...
3. App_Code/ReCaptcha2.cs: Change line 77 to: var error = field.Settings.ContainsKey("ErrorMessage") ? field.Settings["ErrorMessage"] : string.Empty;
4. Change App_Plugins/UmbracoForms/Backoffice/Common/FieldTypes/Recaptcha2.html view was still referencing the old recaptcha image path, instead of /App_Plugins/UmbracoForms/Images/recaptcha2.png

Cheers,

Jamie

I get an error related to themes not being found on 4.1.4, any ideas?

Getting an theme error on 4.4.7(forms) Umbraco 7.2.9 aswell Compiler Error Message: CS0246: The type or namespace name 'Setting' could not be found (are you missing a using directive or an assembly reference?)

Source Error:

Line 24: } Line 25: Line 26: [Setting("Theme", prevalues = "light,dark", description = "ReCaptcha v2 theme", view = "dropdownlist")] Line 27: public string Theme { get; set; } Line 28:

Added: using Umbraco.Forms.Core.Attributes; and now it works fine