ASP.NET Core hCaptcha Component for Server-Side Blazor. Updated version of Texnomic.Blazor.hCaptcha
PM> Install-Package Eiliko.Blazor.hCaptcha-
Reference hCaptcha & NuGet Package JavaScript Files In
Components/App.razorFile:<head> <script src="https://hcaptcha.com/1/api.js&render=explicit" async type="text/javascript"></script> <script src="_content/Eiliko.Blazor.hCaptcha/scripts/hCaptcha.js" type="text/javascript"></script> </head>
-
Add Package Configuration To Dependancy Injection Services in
Program.csFile:using Eiliko.Blazor.hCaptcha.Extensions; builder.Services.AddHttpClient(); builder.Services.AddHCaptcha(Options => { Options.SiteKey = "10000000-ffff-ffff-ffff-000000000001"; Options.Secret = "0x0000000000000000000000000000000000000000"; });
-
Create Callback Function & Backing Field To Capture Captcha Result In
Example.razorFile:private bool IsCaptchaValid { get; set; } protected void hCaptchaCallback(bool Result) => IsCaptchaValid = Result;
-
Finally, Drop-In hCaptcha Component & Bind Callback Function In
Example.razorFile:<HCaptcha Callback="hCaptchaCallback" Theme="Theme.Dark"></HCaptcha>