所以对我来说，我需要使用 dotnet 5 使用有角度的前端来实现 google recapthca。我相信你可以用原生 javascript 替换 angular 前端，但这花了我几个小时的调查时间，所以希望它会对人们有所帮助。
首先我必须启用 reCAPTCHA Enterprise，为此我去了https://cloud.google.com/recaptcha-enterprise/，然后单击“转到控制台”按钮。这把我带到了我的谷歌云平台。从这里我需要创建一个密钥，填写选项并保存。此密钥将称为您的 SITE_KEY。
-- 如果您使用 Angular，请阅读此内容，否则请跳过此步骤并自行实施
在我使用 ng-recaptcha 的客户端上，你可以找到它here
为了实现这个组件，我将此导入添加到我的 app.module.ts
import { RECAPTCHA_V3_SITE_KEY } from 'ng-recaptcha';
这是提供者部分
{
provide: RECAPTCHA_V3_SITE_KEY,
useValue: SITE_KEY_GOES_HERE
}
在我的组件上，当按下提交按钮时，我使用了上面库中的ReCaptchaV3Service。我的代码是这样的
this.recaptchaV3Service.execute(YOUR_ACTION_NAME).subscribe((recaptchaResponse) => {
// now call your api on the server and make sure you pass the recaptchaResponse string to your method
});
文本YOUR_ACTION_NAME 是您正在执行的操作的名称。在我的例子中，我通过 'forgotPassword' 作为这个参数。
-- 角部分结束
现在在服务器上，首先我将它包含到我的项目中
<PackageReference Include="Google.Cloud.RecaptchaEnterprise.V1" Version="1.2.0" />
一旦包含在我的服务中，我发现在我的代码中创建服务然后注入它会更容易。我还创建了一个基本的选项类，它被注入到我的服务中，如果需要，它可以注入到其他地方。
RecaptchaOptions.cs
public class RecaptchaOptions
{
public string Type { get; set; }
public string ProjectId { get; set; }
public string PrivateKeyId { get; set; }
public string PrivateKey { get; set; }
public string ClientEmail { get; set; }
public string ClientId { get; set; }
public string SiteKey { get { return YOUR_SITE_KEY; } }
/// <summary>
/// 0.1 is worst (probably a bot), 0.9 is best (probably human)
/// </summary>
public float ExceptedScore { get { return (float)0.7; } }
}
其中一些值未使用，但我已将它们添加以备将来使用，请附上我确实使用它们。
然后我创建了我的服务，看起来像这样（我创建了一个用于注入和测试的接口）
IRecaptchaService.cs
public interface IRecaptchaService
{
Task<bool> VerifyAsync(string recaptchaResponse, string expectedAction);
}
RecaptchaService.cs
public class RecaptchaService : IRecaptchaService
{
#region IRecaptchaService
/// <summary>
/// Check our recaptcha
/// </summary>
/// <param name="recaptchaResponse">The response from the client</param>
/// <param name="expectedAction">The action that we are expecting</param>
/// <returns></returns>
public async Task<bool> VerifyAsync(string recaptchaResponse, string expectedAction)
{
// initialize request argument(s)
var createAssessmentRequest = new CreateAssessmentRequest
{
ParentAsProjectName = ProjectName.FromProject(_recaptchaOptions.ProjectId),
Assessment = new Assessment()
{
Event = new Event()
{
SiteKey = _recaptchaOptions.SiteKey,
Token = recaptchaResponse
}
},
};
// client
var cancellationToken = new CancellationToken();
var client = RecaptchaEnterpriseServiceClient.Create();
// Make the request
try
{
var response = await client.CreateAssessmentAsync(createAssessmentRequest, cancellationToken);
return response.TokenProperties.Valid && response.TokenProperties.Action.Equals(expectedAction) && response.RiskAnalysis?.Score >= _recaptchaOptions.ExceptedScore;
}
catch (Exception e)
{
Console.WriteLine(e.Message);
return false;
}
}
#endregion
private RecaptchaOptions _recaptchaOptions;
public RecaptchaService(RecaptchaOptions recaptchaOptions)
{
_recaptchaOptions = recaptchaOptions;
}
}
现在我的 api 端点，我注入这个服务并调用它。这是一个调用 recaptchaService 的示例 API 方法。
public async Task<IActionResult> ForgotPasswordAsync([FromBody] ForgotPasswordModel model)
{
// check our recaptchaResponse
var verified = await _recaptchaService.VerifyAsync(model.RecaptchaResponse, "forgotPassword");
if (!verified)
throw new ApplicationException("Recaptcha failed, please try again");
// successful, carry on
}
希望这对每个人都有帮助，如果有任何问题，请提出，我将对此进行编辑并更新我错过的任何内容。