redux - Identityserver4 与 redux -oidc 客户端请求访问 token - 但客户端未配置为通过浏览器接收访问 token

Question

我的 Identityserver4 客户端如下所示:

new Client {
    ClientId = "openIdConnectClient",
    ClientName = "Example Implicit Client Application",
    //AllowedGrantTypes = GrantTypes.Implicit,
    AllowedGrantTypes = GrantTypes.ClientCredentials,
    ClientSecrets =
    {
       new Secret("secret".Sha256())
    },
    AllowOfflineAccess = true,
    AllowAccessTokensViaBrowser = true,
    AccessTokenLifetime = 30,
    AllowedScopes = new List<string>
    {
        IdentityServerConstants.StandardScopes.OpenId,
        IdentityServerConstants.StandardScopes.Profile,
        IdentityServerConstants.StandardScopes.Email,
        "role",
        "customAPI.write"
    },
    RedirectUris = new List<string> {"http://localhost:8080/callback"},
    PostLogoutRedirectUris = new List<string> {"https://localhost:44330"},
    AllowedCorsOrigins = new List<string>
     {
         "http://127.0.0.1:8080",
         "http://localhost:8080",
         "*"
     },
}

在 react 应用程序中，我的 userManager 类如下所示:

 import { createUserManager } from 'redux-oidc';

const userManagerConfig = {
  client_id: 'openIdConnectClient',
  redirect_uri: `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''}/callback`,
  //response_type: 'code id_token token',
  response_type: 'token id_token',
  scope: 'openid profile email role',
  authority: 'http://localhost:50604',
  silent_redirect_uri: `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ''}/silent_renew.html`,
  automaticSilentRenew: true,
  filterProtocolClaims: true,
  loadUserInfo: true,
};

const userManager = createUserManager(userManagerConfig);

export default userManager;

问题是:当我尝试从 redux-oidc 示例应用程序调用我的 Identityserver4 时。我收到以下错误:

Client requested access token - but client is not configured to receive access tokens via browser

我希望你能理解这个问题。请有人帮我解决这个问题。我在下面提供了此示例应用程序的链接。

Redux-oidc example app link

Answer 1

您的代码包含两种不同的资助类型。不同的Grant types在身份服务器4中有不同的要求。这里有一些信息可以帮助您了解您正在使用的不同类型。它还可以帮助您了解为什么会遇到此问题。

GrantTypes.ClientCredentials

客户端凭据是最简单的授权类型，用于服务器到服务器的通信 - token 始终代表客户端而不是用户请求。

使用此授权类型，您可以向 token 端点发送 token 请求，并获取代表客户端的访问 token 。客户端通常必须使用其客户端 ID 和 key 向 token 端点进行身份验证。

new Client
    {
        ClientId = "client",

        // no interactive user, use the clientid/secret for authentication
        AllowedGrantTypes = GrantTypes.ClientCredentials,

        // secret for authentication
        ClientSecrets =
        {
            new Secret("secret".Sha256())
        },

        // scopes that client has access to
        AllowedScopes = { "api1" }
    }

GrantTypes.Implicit

隐式授权类型针对基于浏览器的应用程序进行了优化。仅用于用户身份验证(服务器端和 JavaScript 应用程序)，或身份验证和访问 token 请求(JavaScript 应用程序)。

在隐式流程中，所有 token 都通过浏览器传输，因此不允许刷新 token 等高级功能。如果您想通过浏览器 channel 传输访问 token ，您还需要在客户端配置中明确允许:

Client.AllowAccessTokensViaBrowser = true;


 new Client
    {
        ClientId = "mvc",
        ClientName = "MVC Client",
        AllowedGrantTypes = GrantTypes.Implicit,

        // where to redirect to after login
        RedirectUris = { "http://localhost:5002/signin-oidc" },

        // where to redirect to after logout
        PostLogoutRedirectUris = { "http://localhost:5002/signout-callback-oidc" },

        AllowedScopes = new List<string>
        {
            IdentityServerConstants.StandardScopes.OpenId,
            IdentityServerConstants.StandardScopes.Profile
        },
        AllowAccessTokensViaBrowser = true
    }