hcaptcha_widget 0.0.6 
hcaptcha_widget: ^0.0.6 copied to clipboard
onurkrl.infoA Flutter widget that displays an HCaptcha challenge and returns the token to the caller.
Features #
- Simply provide your hCaptcha site key URL and a callback function to receive the token.
- Presents the hCaptcha challenge in a WebView without disrupting the app's flow.
- Leverages hCaptcha's advanced technology to distinguish between humans and bots.
- Allows you to configure the hCaptcha challenge to match your app's branding.
Getting started #
To use the HCaptchaWidget, add the following dependency to your pubspec.yaml file:
dependencies:
hcaptcha_widget: ^0.0.6
or
flutter pub add hcaptcha_widget
Create a static HTML page on your server that contains your hCaptcha sitekey.
<!DOCTYPE html>
<html lang="en">
<head>
<title>hCaptcha Verification</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
}
.h-captcha {
width: 90%;
max-width: 400px;
margin: 0 auto;
}
</style>
<script src="https://hcaptcha.com/1/api.js" async defer></script>
</head>
<body>
<div class="h-captcha" data-sitekey="YOUR-SITEKEY-FROM-hCaptcha-DASH" data-callback="captchaCallback"></div>
<script>
function captchaCallback(response) {
if (typeof Captcha !== "undefined") {
Captcha.postMessage(response);
} else {
console.error("Captcha object not found. Integration error?");
}
}
</script>
</body>
</html>
Usage #
To use the HCaptchaWidget, simply create an instance of the widget and pass in the site key URL and a callback function to receive the token:
HCaptchaWidget(
siteKeyUrl: 'https://example.com/sitekey',
onTokenReceived: (token) {
// Do something with the token
},
)
Metadata
10
likes
150
pub points
36%
popularity
Publisher
Metadata
A Flutter widget that displays an HCaptcha challenge and returns the token to the caller.
Repository (GitHub)
View/report issues
Documentation
License
MIT (LICENSE)
