Idenity.Core GenerateEmailConfirmationTokenAsync 来自 Angular 10 WebApp 的无效令牌

问题描述

我有一个 DotNet Core WebApi，它使用 Identity Core 生成电子邮件确认令牌。当我生成令牌并使用 WebApi URL 将其发送到我的电子邮件地址时，它工作正常。当我使用 Angular Web 应用程序将 ur?token=token 发送到我的电子邮件以从应用程序进行 AJAX 调用时，我收到“无效令牌”错误。来自 Angular 服务的 GET 调用获取 QueryString 并对 API 进行 AJAX 调用 ->“无效令牌”。

WebApi 代码：

//I tried 
//var confirmationLink = Url.Content($"{this.Request.Scheme}://{siteUrl}{this.Request.PathBase}/Confirm?token={token}&email={appUser.Email}");
// And
var confirmationLink = Url.Content($"{this.Request.Scheme}://{siteUrl}{this.Request.PathBase}/Confirm?token={HttpUtility.UrlEncode(token)}&email={appUser.Email}");
SendEmail($"{model.FirstName} {model.LastName}","Confirm your account",model.Email,$"Please confirm your account by clicking {callback}");

角度视图

this.route.queryParams.subscribe(params => {
      this.email = params[emailKey];
      this.token = params[tokenKey];
    }); 

this.authenticationService.confirmEmail(this.email,this.token).subscribe(
            (result) => {
              this.emailMsg = 'Thank you for confirming your email. Please procced to login page.';
            },(err) => {
              this.emailMsg = 'Email confirmation link has expired or is invalid.';
            }
          );

角度服务

return this.http.get<boolean>(`${environment.apiUrl}/authenticate/VerifyEmail?email=${email}&token=${token}`)
      .pipe(
        map((data: boolean) => {
          return data;
        }),catchError((error: HttpErrorResponse) => {
          return throwError(error);
        })
      );

在电子邮件确认端点中，我尝试了一些不同的方法，但均无效。

var user = await _userManager.FindByEmailAsync(email);

if (user == null) {
    throw new InvalidOperationException();
}

var fix = token.Replace(' ','+');
var emailConfirmationResultescapefix = await _userManager.ConfirmEmailAsync(user,Uri.EscapeDataString(fix));

var emailConfirmationResulttest = await _userManager.ConfirmEmailAsync(user,Uri.EscapeDataString(token));

var code = HttpUtility.UrlDecode(token);
var emailConfirmationResult = await _userManager.ConfirmEmailAsync(user,Uri.EscapeDataString(code));

var urisescape = Uri.EscapeDataString(token);
var emailConfirmationResultescape = await _userManager.ConfirmEmailAsync(user,Uri.EscapeDataString(urisescape));

var webUtil = WebUtility.UrlDecode(token);
var emailConfirmationResultweb = await _userManager.ConfirmEmailAsync(user,Uri.EscapeDataString(webUtil));

我尝试验证令牌的所有不同方法都失败了。他们都有一个无效的令牌。我尝试使用代码比较来检查令牌是否确实不同，并且不适用于第一种方法。令牌匹配，但我仍然收到无效令牌。

解决方法

根据我的理解，您仅在 WebApi 中对令牌进行编码，但我建议在从 Angular 服务传递令牌时使用 encodeURIComponent() 对其进行编码。所以你的代码应该如下所示。

角度服务：

return this.http.get<boolean>(`${environment.apiUrl}/authenticate/VerifyEmail?email=${email}&token=${encodeURIComponent(token)}`)
      .pipe(
        map((data: boolean) => {
          return data;
        }),catchError((error: HttpErrorResponse) => {
          return throwError(error);
        })
      );

,

这听起来很愚蠢，但在执行以下操作后出于某种原因：

token = token.Replace(' ','+');

现在电子邮件验证有效。

,

不保证由 ASP.NET Identity 生成的令牌是 URL 安全的。

如果您使用 Identity.UI 包，那么它会为您处理自 3.x 版以来的 URL 安全。

我通常在代码中执行 Base64UrlEncoder.Encode(token) 和 Base64UrlEncoder.Decode(token) 来解决此问题。它消除了所有可能导致 URL-s 问题的符号。

Base64UrlEncoder 来自命名空间 Microsoft.IdentityModel.Tokens。