在 MAUI Blazor hybrid 中与浏览器交互，以实现谷歌身份验证

Question

我正在努力在 MAUI Blazor 混合应用程序中实施 firebase 身份验证。

使用包含在流行的 FirebaseAuthenthication.net 库中的 web api。

我需要做的是打开带有谷歌同意屏幕的浏览器 window 并捕获它重定向到的 url。

@inject NavigationManager navmanager;

        var client = new FirebaseAuthClient(config);

        var userCredential = await client.SignInWithRedirectAsync(FirebaseProviderType.Google, async uri =>
        {
            navmanager.NavigateTo(uri);


            //return credential
        });

这工作正常，但我不确定在打开浏览器后如何与浏览器交互。 请问有什么提示吗？

编辑：我想我会尝试使用 JS 互操作。 必须有一种方法来捕获重定向事件。

var userCredential = await client.SignInWithRedirectAsync(FirebaseProviderType.Google, async uri =>
        {
            string credential = "";
            
            async Task OpenWindow()
            {
                await JSRuntime.InvokeAsync<string>("authURI", uri);
            }

            await OpenWindow();

            //wait for redirect

            


            return credential;
        });

function authURI(uri) {
    var newWindow = window.open(uri);
    console.log(newWindow);

所以这不起作用并将 null 打印到控制台

Answer 1

WebAuthenticator是从网页获取访问令牌的好选择。 API 主要由一个方法AuthenticateAsync组成，该方法接受两个参数：第一个 uri 应该用于启动 web 浏览器流程。 对于第二个 uri，您希望流程最终回调到它可以得到处理，因为您已经注册了 firebase。 这是示例：

var authResult = await WebAuthenticator.AuthenticateAsync(
        new Uri("https:"),
        new Uri("myapp://"));

var accessToken = authResult?.AccessToken;