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.
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

FetchData.razor 1.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. @page "/search"
  2. @using Grpc.Core
  3. @using GrpcShared.DTO
  4. @using GrpcShared.DTO.Search
  5. @using GrpcShared.DTO.Track.MultipleTrack
  6. @using GrpcShared.DTO.Track.SingleTrack
  7. @using Microsoft.AspNetCore.Authorization
  8. @using NemAnBlazor.Services
  9. @using NemAnBlazor.Services.Interfaces
  10. @using System.Diagnostics
  11. @*@inject HttpClient Http*@
  12. @inject Blazored.SessionStorage.ISessionStorageService sessionStorage
  13. @inject ITrackClientService SearchService
  14. @inject IAuthClientService AuthService
  15. <PageTitle>Search</PageTitle>
  16. <h1>Search</h1>
  17. <button class="btn btn-primary" @onclick="Click">Click me</button>
  18. @code {
  19. //protected override async Task OnInitializedAsync()
  20. //{
  21. //MultipleTrackRequest mreq = new() { Ids = new List<string>(){"3JAeYOjyJodI4PRs44lx2l", "6clZa1yrZe7pJrYFUcD9KW"}, Token = token };
  22. //MultipleTrackResponse multipleTrackResponse = await SearchService.GetListMultipleTrackAsync(mreq);
  23. //SingleTrackRequest singleTrackRequest = new() { Id = "3JAeYOjyJodI4PRs44lx2l", Token = token };
  24. //SingleTrackResponse singleTrackResponse = await SearchService.GetListSingleTrackAsync(singleTrackRequest);
  25. //}
  26. private async Task Click()
  27. {
  28. var token = await sessionStorage.GetItemAsync<string>("token");
  29. TokenMessage tm = new() { Token = token };
  30. SearchRequest request = new() { Query = "aitch", Type = "track", Token = token };
  31. SearchResponse searchResponse = await SearchService.GetListSearchAsync(request);
  32. }
  33. }