dotnet blazor maui google authentication unable to redirect to the mobile app after signing in-CodePudding

The

1) Creating web application and getting client id and client secret.

2) and then creating dot net core web api with this code

[Route("mobileauth")] [ApiController] public class AuthController : ControllerBase { const string callbackScheme = "cflow"; [HttpGet("{scheme}")] public async Task Get([FromRoute] string scheme) { var auth = await Request.HttpContext.AuthenticateAsync(scheme); if (!auth.Succeeded || auth?.Principal == null || !auth.Principal.Identities.Any(id => id.IsAuthenticated) || string.IsNullOrEmpty(auth.Properties.GetTokenValue("access_token"))) { // Not authenticated, challenge await Request.HttpContext.ChallengeAsync(scheme); } else { var claims = auth.Principal.Identities.FirstOrDefault()?.Claims; var email = string.Empty; email = claims?.FirstOrDefault(c => c.Type == System.Security.Claims.ClaimTypes.Email)?.Value; // Get parameters to send back to the callback var qs = new Dictionary<string, string> { { "access_token", auth.Properties.GetTokenValue("access_token") }, { "refresh_token", auth.Properties.GetTokenValue("refresh_token") ?? string.Empty }, { "expires_in", (auth.Properties.ExpiresUtc?.ToUnixTimeSeconds() ?? -1).ToString() }, { "email", email } }; // Build the result url var url = callbackScheme "://#" string.Join( "&", qs.Where(kvp => !string.IsNullOrEmpty(kvp.Value) && kvp.Value != "-1") .Select(kvp => $"{WebUtility.UrlEncode(kvp.Key)}={WebUtility.UrlEncode(kvp.Value)}")); // Redirect to final url Request.HttpContext.Response.Redirect(url); } } }

3)program.cs in web api is

going into dotnet maui blazor app this is the android manifest code

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="mazhar.mazhar"> <application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <queries> <intent> <action android:name="android.support.customtabs.action.CustomTabsService" /> </intent> </queries>

4)This is mainactivity.cs file code

The webauthenticator code is

async void OnButtonClicked(object sender, EventArgs args) { try { var scheme = "Google"; var authUrlRoot = "https://webapisss.azurewebsites.net/mobileauth/"; WebAuthenticatorResult r = null; var authUrl = new Uri($"{authUrlRoot}{scheme}"); var callbackUrl = new Uri("cflow://"); r = await WebAuthenticator.Default.AuthenticateAsync(authUrl, callbackUrl); string AuthToken = r?.AccessToken ?? r?.IdToken // it should redirect here which is not happening; //Debug.WriteLine(AuthToken); } catch (Exception ex) { //AuthToken = string.Empty; // Debug.WriteLine(ex.Message); await DisplayAlert("Cflow", $"Failed: {ex.Message}", "OK"); } }

Any idea why Redirect back to the mobile app not happening after this ? and in the next screen it is asking for permission and then 404 error

That is my question how do i resolve this 404 error? how it is going to be redirected back to my mobile application.I think that the answer lies in the callbackscheme. I need to mention it somewhere

According to

The following is not a valid redirect uri for Google Oauth2

var callbackUrl = new Uri("cflow://");

If you are creating a MAUI android or ios app then I suspect we are going to have to create android or ios credentials type

Note: I spent two weeks trying to get

Appart from the code above two things were added

first

second

this callback was added here

builder.Services.AddAuthentication(o => { o.DefaultScheme = CookieAuthenticationDefaults.AuthenticationScheme; }) .AddCookie() .AddGoogle(g => { g.ClientId = "htcgb9jg7qs0o5r7skn9k2nuq46ps1so"; g.ClientSecret = "lyl"; g.CallbackPath = "/mobileauth"; g.SaveTokens = true; });