ASP.Net MVC5、Google OAuth 2.0 和 Youtube API

Question

我需要一些有关 mvc 5 使用 google 登录提供程序并获取一些 youtube 数据的帮助。现在我想我把事情搞混了。我对 mvc 并不陌生，但对版本 5 的 owin 中间件功能并不陌生。好吧，并且没有实施 oauth 2.0 的经验。

我想要的是：

• 通过 Google 登录我的 MVC5 应用程序。
• 从登录用户那里读取一些 Youtube 信息。

到目前为止我所做的：

• 遵循此 Google OAuth 2.0 教程：Web 应用程序 (ASP.NET MVC)。
  • 通过 NuGet 安装了 Google.Apis.Auth.MVC。
  • 按所述实现 AppFlowMetadata 和 AuthCallbackController。
  • 按照描述将重定向 uri 配置为“/AuthCallback/IndexAsync”。

• 实施了YoutubeController以下操作只是为了转储一些数据：

  public async Task<ActionResult> IndexAsync()
  {
      var result =
          await new AuthorizationCodeMvcApp(this, new AppFlowMetadata())
          .AuthorizeAsync(cancellationToken);
  
      if (result.Credential == null)
      {
          return new RedirectResult(result.RedirectUri);
      }
      else
      {
          var service = new YouTubeService(new BaseClientService.Initializer
              {
                  HttpClientInitializer = result.Credential,
                  ApplicationName = "MyYoutubeApplication"
              });
  
          var playlists = service.Playlists.List("contentDetails, snippet");
          playlists.Mine = true;
  
          var list = await playlists.ExecuteAsync();
          var json = new JavaScriptSerializer().Serialize(list);
  
          ViewBag.Message = json; 
          return View();
      }
  }
  

那么，当我尝试访问时，它/Youtube/IndexAsync会将我重定向到谷歌，询问我的凭据。输入后，系统会询问我是否同意应用程序请求的许可。确认后，我被重定向到我的页面，显示/Youtube/IndexAsync带有请求数据的页面。到目前为止一切都很好，但这并不是我想要的。

（我认为）我在这里所做的是我完全绕过了 ASP.NET 身份系统。用户没有登录我的应用程序，更不用说注册了。

我希望用户使用 google 登录，在我的应用程序中注册并提供对其 YouTube 数据的访问权限。然后，当在特定页面上时，从用户的 YouTube 帐户检索数据。

我也尝试过：

• 遵循ASP.Net MVC5 教程
  • 本教程没有提及 NuGet 包“Google.Apis.Auth.MVC”，而是讨论了神奇的“/signin-google”重定向 uri”。
  • 这也有效，但破坏了上面的解决方案，抱怨重定向 uri 错误。
  • 当使用这种方法时，我似乎再次调用 AuthorizeAsync 是不正确的YoutubeController，因为我应该已经被授权了。

所以我在黑暗中寻找一些光明，告诉我我正在混合什么:)我希望这个问题不像我现在那么困惑。

Answer 1

我设法使用 GooglePlus 做到这一点，还没有尝试过 Google。这就是我所做的：

安装 nuget：

> Install-Package Owin.Security.Providers
> Install-Package Google.Apis.Youtube.v3

将其添加到 Startup.auth.cs：

var g = new GooglePlusAuthenticationOptions();
g.ClientId = Constants.GoogleClientId;
g.ClientSecret = Constants.GoogleClientSecret;
g.RequestOfflineAccess = true;  // for refresh token
g.Provider = new GooglePlusAuthenticationProvider
{
    OnAuthenticated = context =>
    {
        context.Identity.AddClaim(new Claim(Constants.GoogleAccessToken, context.AccessToken));
        if (!String.IsNullOrEmpty(context.RefreshToken))
        {
            context.Identity.AddClaim(new Claim(Constants.GoogleRefreshToken, context.RefreshToken));
        }
        return Task.FromResult<object>(null);
    }
};

g.Scope.Add(Google.Apis.YouTube.v3.YouTubeService.Scope.YoutubeReadonly);
g.SignInAsAuthenticationType = DefaultAuthenticationTypes.ExternalCookie;
app.UseGooglePlusAuthentication(g);

上面的代码做了两件事：

1. 通过启用身份验证。谷歌+
2. 请求访问令牌和刷新令牌。然后，这些令牌将作为声明添加到 GooglePlus 中间件中。

创建一个方法，将包含令牌的声明存储到数据库中。AccountController.cs我的文件中有这个

private async Task StoreGooglePlusAuthToken(ApplicationUser user)
{
    var claimsIdentity = await AuthenticationManager.GetExternalIdentityAsync(DefaultAuthenticationTypes.ExternalCookie);
    if (claimsIdentity != null)
    {
        // Retrieve the existing claims for the user and add the google plus access token
        var currentClaims = await UserManager.GetClaimsAsync(user.Id);
        var ci = claimsIdentity.FindAll(Constants.GoogleAccessToken);
        if (ci != null && ci.Count() != 0)
        {
            var accessToken = ci.First();
            if (currentClaims.Count() <= 0)
            {
                await UserManager.AddClaimAsync(user.Id, accessToken);
            }
        }

        ci = claimsIdentity.FindAll(Constants.GoogleRefreshToken);
        if (ci != null && ci.Count() != 0)
        {
            var refreshToken = ci.First();
            if (currentClaims.Count() <= 1)
            {
                await UserManager.AddClaimAsync(user.Id, refreshToken);
            }
        }
    }

您需要在 AccountController.cs 中的 2 个位置调用它： 一旦进入ExternalLoginCallback：

case SignInStatus.Success:
var currentUser = await UserManager.FindAsync(loginInfo.Login);
if (currentUser != null)
{
    await StoreGooglePlusAuthToken(currentUser);
}
return RedirectToLocal(returnUrl);

一旦进入ExternalLoginConfirmation：

var user = new ApplicationUser { UserName = model.Email, Email = model.Email };
var result = await UserManager.CreateAsync(user);
if (result.Succeeded)
{
    result = await UserManager.AddLoginAsync(user.Id, info.Login);
    if (result.Succeeded)
    {
        await StoreGooglePlusAuthToken(user);
        await SignInManager.SignInAsync(user, isPersistent: false, rememberBrowser: false);
        return RedirectToLocal(returnUrl);
    }
}

现在我们已经获得了用户访问令牌和刷新令牌，我们可以使用它来对用户进行身份验证。

我尝试了在示例中看到的简单搜索，它有效：

private async Task<Models.YouTubeViewModel> Search(string searchTerm)
{
    var user = (ClaimsPrincipal)Thread.CurrentPrincipal;

    var at = user.Claims.FirstOrDefault(x => x.Type == Constants.GoogleAccessToken);
    var rt = user.Claims.FirstOrDefault(x => x.Type == Constants.GoogleRefreshToken);

    if (at == null || rt == null)
        throw new HttpUnhandledException("Access / Refresh Token missing");

    TokenResponse token = new TokenResponse
    {
        AccessToken = at.Value,
        RefreshToken = rt.Value
    };

    var cred = new UserCredential(new GoogleAuthorizationCodeFlow(
                new GoogleAuthorizationCodeFlow.Initializer()
                {
                    ClientSecrets = new ClientSecrets()
                                    {
                                        ClientId = Constants.GoogleClientId,
                                        ClientSecret = Constants.GoogleClientSecret
                                    }
                }
            ),
            User.Identity.GetApplicationUser().UserName,
            token
        );

    var youtubeService = new YouTubeService(new BaseClientService.Initializer()
    {
        ApplicationName = this.GetType().ToString(),
        HttpClientInitializer = cred,
    });

    var searchListRequest = youtubeService.Search.List("snippet");
    searchListRequest.Q = searchTerm;
    searchListRequest.MaxResults = 50;

    // Call the search.list method to retrieve results matching the specified query term.
    var searchListResponse = await searchListRequest.ExecuteAsync();

    Models.YouTubeViewModel vm = new Models.YouTubeViewModel(searchTerm);
    foreach (var searchResult in searchListResponse.Items)
    {
        switch (searchResult.Id.Kind)
        {
            case "youtube#video":
                vm.Videos.Add(new Models.Result(searchResult.Snippet.Title, searchResult.Id.VideoId));
                break;

            case "youtube#channel":
                vm.Channels.Add(new Models.Result(searchResult.Snippet.Title, searchResult.Id.ChannelId));
                break;

            case "youtube#playlist":
                vm.Playlists.Add(new Models.Result(searchResult.Snippet.Title, searchResult.Id.PlaylistId));
                break;
        }
    }

    return vm;
}

模型类

public class Result 
{
    public string Title { get; set; }
    public string Id { get; set; }

    public Result() { }

    public Result(string title, string id)
    {
        this.Title = title;
        this.Id = id;
    }
}

public class YouTubeViewModel
{
    public string SearchTerm { get; set; }

    public List<Result> Videos { get; set; }
    public List<Result> Playlists { get; set; }
    public List<Result> Channels { get; set; }

    public YouTubeViewModel()
    {
        Videos = new List<Result>();
        Playlists = new List<Result>();
        Channels = new List<Result>();
    }

    public YouTubeViewModel(string searchTerm)
        :this()
    {
        SearchTerm = searchTerm;
    }
}

参考：http://blogs.msdn.com/b/webdev/archive/2013/10/16/get-more-information-from-social-providers-used-in-the-vs-2013-project-templates。 ASPX