Sign Up
Loading...

reCAPTCHA

Twidget integrates Google's reCAPTCHA, a security service designed to protect websites from spam and abuse by distinguishing between human and automated access. reCAPTCHA operates by requiring users to complete simple tasks, such as identifying objects in images or clicking a checkbox, thereby providing a layer of security during forms submission.

-

Key Concepts

  • reCAPTCHA Keys: To implement reCAPTCHA within Twidget, developers must first obtain a site key and a secret key from Google. The site key is used to render the reCAPTCHA challenge on the client side, while the secret key is employed on the server side to verify the response from reCAPTCHA.

  • API Settings: Users need to configure these keys within Twidget by accessing the settings page and inputting the respective keys in designated fields. This configuration allows Twidget to communicate securely with the reCAPTCHA service.

Main Components and Workflow

Once reCAPTCHA is configured, it can be utilized within any forms in Twidget, such as a sign-up form. The workflow involves several components:

  1. Token Generation: When a user interacts with the reCAPTCHA widget, the generate reCAPTCHA token command is invoked. This command utilizes the site key to create a unique token that represents the user's response to the reCAPTCHA challenge.

  2. Token Verification: Following token generation, the verify reCAPTCHA token command is triggered to validate the authenticity of the token. This command uses the secret key to check the validity of the user response with Google's reCAPTCHA API.

  3. Response Evaluation: The outcome of the token verification is returned as a response. Developers can evaluate this response to determine the next steps—if the verification is successful, the user is allowed to continue with actions such as signing up; if unsuccessful, an error message is presented.

In conclusion, Twidget's integration with reCAPTCHA allows developers to add a robust verification mechanism to their applications, filtering out automated access and ensuring that user interactions are genuine.

Related Topics

Layout Controls

Layout controls are essential components in Twidget, allowing developers to manage the visibility and behavior of various layout elements, such as modals and drawers, within a user interface. These controls enable dynamic user interactions by facilitating the opening, closing, and toggling of layout...

Upload a File using Pages

This documentation describes the functionality available in Twidget for uploading files through a generated API endpoint and managing interactions via pages. The process allows developers to create dynamic forms that enable users to upload files directly to the backend file storage, specifying vario...

Page Overview

Twidget provides a robust mechanism for creating web pages accessible via a browser. This feature enables users to build various types of pages using a no-code interface, enhancing the platform's developer experience. Key Concepts. Users can initiate page creation by navigating to the pages section,...

Data Source Mappers

Data Source Mappers are essential components within the Twidget no-code API platform, designed to facilitate the integration of dynamic data sources with UI elements. They serve the purpose of linking data source attributes to the respective fields required by UI components such as dropdowns, radio ...

Page Commands

The new page commands in Twidget are designed to enhance the interactivity and responsiveness of web pages created with the platform. These commands allow developers to retrieve contextual information about the current page session and manipulate its content dynamically. Key Concepts. - Page Variabl...