Flet Custom Auth

[jersonjunior]

I'm trying to implement the custom OAuth provider using Keycloack and I can't get the result after user authentication, I noticed that in the example below there is no LoginEvent in the import than in the Google example and it never runs page.on_login = on_login, I inserted page.on_login = on_login() and it generates error because the variable "e" is not declared, I believe it's because of LoginEvent, suggestions are welcome,

import os

import flet
from flet import ElevatedButton, Page
from flet.auth import OAuthProvider

def main(page: Page):
    provider = OAuthProvider(
        client_id=os.getenv("LINKEDIN_CLIENT_ID"),
        client_secret=os.getenv("LINKEDIN_CLIENT_SECRET"),
        authorization_endpoint="https://www.linkedin.com/oauth/v2/authorization",
        token_endpoint="https://www.linkedin.com/oauth/v2/accessToken",
        user_endpoint="https://api.linkedin.com/v2/me",
        user_scopes=["r_liteprofile", "r_emailaddress"],
        user_id_fn=lambda u: u["id"],
        redirect_url="http://localhost:8550/api/oauth/redirect",
    )

    def login_click(e):
        page.login(provider)

    def on_login(e):
        if e.error:
            raise Exception(e.error)
        print("User ID:", page.auth.user.id)
        print("Access token:", page.auth.token.access_token)

    page.on_login = on_login
    page.add(ElevatedButton("Login with LinkedIn", on_click=login_click))

flet.app(target=main, port=8550, view=flet.WEB_BROWSER)

[jersonjunior]

#2853

In Flet 0.21.0, because of migration to FastAPI web server, OAuth handler URL endpoint changed from to . Use env var to customize./api/oauth/redirect/oauth_callback FLET_OAUTH_CALLBACK_HANDLER_ENDPOINT

Now page.on_login = on_login works