Blazor & WASM in combination to get statistics from Spotify API for performing the song analysis. With separate microservices for auth, Spotify, user data tracking, and application, connected through gRPC with Polly.
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

HeaderBar.razor 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. @using Grpc.Core
  2. @using GrpcShared.DTO
  3. @using GrpcShared.DTO.Auth
  4. @using GrpcShared.DTO.Search
  5. @using NemAnBlazor.Services.Interfaces
  6. @using System.Net
  7. @inject NavigationManager NavigationManager
  8. @inject Blazored.LocalStorage.ILocalStorageService localStorage
  9. @inject ITrackClientService SearchService
  10. @inject IAuthClientService AuthService
  11. @inject IIdentityClientService identityService
  12. <Bar Breakpoint="Breakpoint.Desktop"
  13. Background="Background.Body"
  14. ThemeContrast="ThemeContrast.Light">
  15. <BarToggler />
  16. <BarMenu>
  17. <BarStart>
  18. <Autocomplete TItem="SearchResponse"
  19. TValue="string"
  20. Data="@Searches"
  21. TextField="@(( item ) => item!.Tracks!.Items!.FirstOrDefault()!.Name)"
  22. ValueField="@(( item ) => item!.Tracks!.Items!.FirstOrDefault()!.Name)"
  23. Filter="AutocompleteFilter.StartsWith"
  24. Placeholder="Search..."
  25. FreeTyping>
  26. </Autocomplete>
  27. </BarStart>
  28. <BarEnd>
  29. <BarItem>
  30. <Button class="btn btn-success" @onclick="LoginUser">Log in</Button>
  31. </BarItem>
  32. </BarEnd>
  33. </BarMenu>
  34. </Bar>
  35. @code {
  36. public IEnumerable<SearchResponse>? Searches;
  37. private string? search;
  38. private async Task LoginUser()
  39. {
  40. CodeRequest authParams = await AuthService.GetAuthParams();
  41. string url = $"https://accounts.spotify.com/en/authorize?client_id={authParams.ClientId}&redirect_uri={authParams.RedirectURI}&response_type={authParams.ResponseType}&scope={authParams.Scope}&show_dialog={authParams.ShowDialog}";
  42. NavigationManager.NavigateTo(url);
  43. }
  44. protected override async Task OnInitializedAsync(){
  45. var userInfo = await localStorage.GetItemAsync<string>("user_info");
  46. if (userInfo != null) NavigationManager.NavigateTo("/home");
  47. var user = await identityService.GetTokenByIdAsync(new GrpcShared.DTO.Db.DbRequestMessage
  48. {
  49. Id = userInfo!
  50. });
  51. TokenMessage tokenM = new TokenMessage { Token = user.Token, RefreshToken = user.RefreshToken };
  52. SearchRequest request = new() { Query = search, Type = "track", Token = user.Token };
  53. try
  54. {
  55. Searches = await SearchService.GetListSearchAsync(request);
  56. if (Searches == null)
  57. {
  58. string? tempToken = await SpotifyHelper.TryRefreshToken(AuthService, tokenM, user, localStorage, identityService);
  59. }
  60. await base.OnInitializedAsync();
  61. }
  62. catch (RpcException e)
  63. {
  64. if (e.StatusCode == StatusCode.Cancelled)
  65. {
  66. return;
  67. }
  68. throw;
  69. }
  70. }
  71. }