DrawingCaptcha

This package provides a simple integration for the Drawing Captcha App. The integration is done via a NuGet package that extends the Umbraco Forms field. You can add your server instance and API key through the appsettings.

Installation

The NuGet can be installed with the following command:

dotnet add package DrawingCaptcha --version 1.0.17

Once the NuGet package is installed, the package source will be copied to `~/App_Plugins/Drawing_Captcha/`.

Setup & Integration view on README:

https://github.com/Drawing-Captcha/NuGet/blob/main/README.md

After installation, implement the script that triggers the drawing captcha attributes. It is recommended to place this script in the base page view to ensure it is rendered after the form:

"<script src="~/App_Plugins/Drawing_Captcha/captcha.js" onload="initializeCaptcha()"></script>"

Configuration

Ensure your API key and server are configured in `appsettings.json`:

"Forms": {

    "FieldTypes": {

        "DrawingCaptcha": {

            "APIKey": "yourapikey",

            "Server": "https://yourdrawingcaptchainstance.com/"

        }

    }

}

You can obtain an API key by creating a company account if you haven't done so already. Make sure to allow the origin that will be using the drawing captcha.

API Key Management

Navigate to drawing-captcha > api-keys to create a new API key.

Umbraco Backoffice Integration

After setting up the configuration, navigate to the Umbraco Forms backoffice. You should see the extended field type added by the package, indicating that the drawing captcha is active.

Documentation:

https://docs.drawing-captcha.com