search

hm9644387 / Hamza-meer

0 stars 0 forks source link

Let's build from here #1

Open hm9644387 opened 10 months ago

hm9644387 commented 10 months ago

You embed the hCaptcha widget on your site. For example, on a login form. The user answers an hCaptcha. They get a passcode from our server that is embedded in your form. When the user clicks Submit the passcode is sent to your server in the form. Your server then checks that passcode with the hCaptcha server API. hCaptcha says it is valid. Your server now knows the user is not a bot and lets them log in. Pretty simple!

Request Flow User Your Website or App hCaptcha Client API Your Server hCaptcha Siteverify Load Website or App Load hCaptcha JS or SDK Please issue passcode Returns challenge or passcode Passcode embedded in form or returned via JS/callback Form or XHR with hCaptcha passcode Is this passcode valid? Passcode is valid (success is true) Session authorized, proceed User Your Website or App hCaptcha Client API Your Server hCaptcha

hm9644387 commented 10 months ago

The hCaptcha widget can protect your applications from bots, spam, and other forms of automated abuse. Installing hCaptcha is fast and easy. It requires either adding some simple HTML and server side code, or using one of the many tools that natively support hCaptcha.

To make integration even quicker, wrappers and plugins are available for many frameworks: Angular, Node, Express, ReactJS, VueJS, WordPress and more.

A complete list of known hCaptcha integrations is also available.

If you're already using Google's reCAPTCHA, you can use your existing code with a few slight changes. hCaptcha methods are API-compatible with reCAPTCHA methods, for example render() and onload(). Custom data attributes like theme, size, and tab-index are also supported in the same way by hCaptcha.