The integration of YouTubeService in Blazor server application always results in Error 400: redirect_uri_mismatch. The Google Cloud configuration is set for new web application with both Authorised JavaScript origins and Authorised redirect URIs set to https://localhost:5001.How, to setup redirect url to resolve the issue? Is there a need to create dedicated page in blazor app for redirect url.Below is the code with relevant issue.
public class YouTubeApiService{ private YouTubeService _youtubeService; private readonly string[] Scopes = { YouTubeService.Scope.YoutubeReadonly }; public YouTubeApiService(IConfiguration configuration) { _clientSecrets = new ClientSecrets { ClientId = configuration["xxxxxxxx"], ClientSecret = onfiguration["xxxxxxxx"] }; } public async Task AuthenticateAsync() { using var stream = new FileStream("client_secrets.json", FileMode.Open, FileAccess.Read); // Here new tab is created with Error 400 var credential = await GoogleWebAuthorizationBroker.AuthorizeAsync( GoogleClientSecrets.FromStream(stream).Secrets, Scopes,"user", CancellationToken.None, new FileDataStore("YouTubeOAuthToken"), new LocalServerCodeReceiver ()); _youtubeService = new YouTubeService(new BaseClientService.Initializer() { HttpClientInitializer = credential, ApplicationName = "blabal" }); }}