Implement OAuth2 with PKCE and Keycloak in a Flutter Web app

[alex27riva]

Hi everyone, I want to implement login with OAuth2 and PKCE in a Flutter web app, is this library suitable?
For now I'm using openid_client, I followed this article but It's not working very well. I need to click the login button twice to get the token.
Does this library work well with Flutter web and is it well maintained? Where can I find some web-specific examples?
Thanks

[ahmednfwela]

Hi @alex27riva
yes this package is fully cross platform and supported on web

check the runnable example here https://github.com/Bdaya-Dev/oidc/tree/main/packages%2Foidc%2Fexample

[ThiemoImgraben]

Hi @ahmednfwela

The question was about the pkce procedure. Is pkce always used? I can't find anything on the subject in the documentation. Also the example is not mentioning the pkce extension.

[alex27riva]

Hi @alex27riva yes this package is fully cross platform and supported on web

check the runnable example here https://github.com/Bdaya-Dev/oidc/tree/main/packages%2Foidc%2Fexample

Hi, I tried the example but I'm getting this error:

SEVERE: 2024-04-27 21:49:19.379: OidcException: Failed to handle the response from endpoint: http://localhost:8080/realms/unimi/protocol/openid-connect/userinfo, extra: {}, error: null

[alex27riva]

Ok, I fixed.
I had to set unsigned User Info response from Keycloak Client