无法使用 openid_client 通过带有 keycloak 的 pkce Flutter 应用程序进行身份验证

我有以下 KeyCloak 客户端配置,以使用 pkce 身份验证流程:

Realm: REALM

Client ID:              pkce-client
Client Protocol:        openid-connect
Access Type:            public
Standard Flow Enabled:  ON
Valid Redirect URIs:    http://localhost:4200/ 

Advanced Settings:
Proof Key for Code Exchange Code Challenge Method: S256

我尝试像这样通过 openid_client https://pub.dev/packages/openid_client 在带有 iOS 模拟器的颤振应用程序中进行身份验证

  authenticate() async {

    var uri = Uri.parse('http://$localhost:8180/auth/realms/REALM');
    var clientId = 'pkce-client';
    var scopes = List<String>.of(['profile', 'openid']);
    var port = 4200;
    var redirectUri = Uri.parse(http://localhost:4200/);

    var issuer = await Issuer.discover(uri);
    var client = new Client(issuer, clientId);

    urlLauncher(String url) async {
      if (await canLaunch(url)) {
        await launch(url, forceWebView: true);
      } else {
        throw 'Could not launch $url';
      }
    }

    var authenticator = new Authenticator(
        client,
        scopes: scopes,
        port: port,
        urlLancher: urlLauncher,
        redirectUri: redirectUri,
    );

    var auth = await authenticator.authorize();
    var token= await auth.getTokenResponse();
    return token;
  }

但它只给了我这个网页视图: enter image description here

KeyCloak 运行的终端给了我以下几行:

INFO  [org.keycloak.protocol.oidc.endpoints.AuthorizationEndpointChecker] (default task-34) PKCE enforced Client without code challenge method.
WARN  [org.keycloak.events] (default task-34) type=LOGIN_ERROR, realmId=REALM, clientId=pkce-client, userId=null, ipAddress=127.0.0.1, error=invalid_request, response_type=code, redirect_uri=http://localhost:4200/, response_mode=query 

使用 Postman 时它起作用了,它为我提供了登录页面: enter image description here

但是我那里有额外的参数,我不知道在使用 openid_client 时将它们添加到 Authenticator(..) 的哪个位置,状态会自动添加。

state: <state>
code_challenge: <code-challenge>
code_challenge_method: S256 

我是否需要在 openid_client 方法的某处添加这些 code_challenge 参数?

还是在使用应用程序时需要更改重定向 URL?我尝试使用此处建议的 package_name ( https://githubmemory.com/repo/appsup-dart/openid_client/issues/32 ),但它也不起作用。

stack overflow Cannot authenticate via pkce flutter app with keycloak using openid_client
原文答案
author avatar

接受的答案

参见 the source code

      : flow = redirectUri == null
            ? Flow.authorizationCodeWithPKCE(client)
            : Flow.authorizationCode(client)

您已指定 redirectUri ,因此使用了 authorizationCode 流。但是在这种情况下你想要 authorizationCodeWithPKCE 流。因此,只需确保 redirectUri 为 null 并使用正确的 PKCE 流(具有正确的 url 参数,例如 code_challenge)。


答案:

作者头像

您需要发送 redirectUri:null 并将端口设置为 3000(您可以使用您的端口)。

之后,您需要像这样 http://localhost:3000/ 将重定向 uri 添加到 keycloak 中。它可以解决问题

(发生的情况是当您将重定向 uri 作为空值发送时,open_id 客户端使用 pkce 流并使用默认 url)