How to consume data from an api to show on the front end using Razor pages?

Question

I’m a beginner in development. net core and I am developing an application that consumes data from an api and shows to users, but I can’t convert JSON to OBJECT and crunch everything into a Ienumerable.

I am using REFIT to make HTTP requests.

Model class:

  public class Json
  {
    [JsonProperty("Message")]
    public string Message { get; set; }

    [JsonProperty("Global")]
    public Global Global { get; set; }

    [JsonProperty("Countries")]
    public Country[] Countries { get; set; }
  }

  public class Global
  {
    [JsonProperty("NewConfirmed")]
    public long NewConfirmed { get; set; }

    [JsonProperty("TotalConfirmed")]
    public long TotalConfirmed { get; set; }

    [JsonProperty("NewDeaths")]
    public long NewDeaths { get; set; }

    [JsonProperty("TotalDeaths")]
    public long TotalDeaths { get; set; }

    [JsonProperty("NewRecovered")]
    public long NewRecovered { get; set; }

    [JsonProperty("TotalRecovered")]
    public long TotalRecovered { get; set; }
  }
  public class Country
  {
    [JsonProperty("Country")]
    public string CountryCountry { get; set; }

    [JsonProperty("CountryCode")]
    public string CountryCode { get; set; }

    [JsonProperty("Slug")]
    public string Slug { get; set; }

    [JsonProperty("NewConfirmed")]
    public long NewConfirmed { get; set; }

    [JsonProperty("TotalConfirmed")]
    public long TotalConfirmed { get; set; }

    [JsonProperty("NewDeaths")]
    public long NewDeaths { get; set; }

    [JsonProperty("TotalDeaths")]
    public long TotalDeaths { get; set; }

    [JsonProperty("NewRecovered")]
    public long NewRecovered { get; set; }

    [JsonProperty("TotalRecovered")]
    public long TotalRecovered { get; set; }

    [JsonProperty("Date")]
    public DateTimeOffset Date { get; set; }

    [JsonProperty("Premium")]
    public Premium Premium { get; set; }
  }

  public class Premium
  {
  }

Class Indexmodel:

public class IndexModel : PageModel
  {
    private readonly ILogger<IndexModel> _logger;
    public IEnumerable<Json> Cities { get; private set; } = new List<Json>();

    public IndexModel(ILogger<IndexModel> logger)
    {
      _logger = logger;
    }

    public async void OnGet()
    {
      try
      {
        var city = RestService.For<IJsonApiService>("https://api.covid19api.com/summary");
        Cities = (IEnumerable<Json>)await city.GetCity().ConfigureAwait(false);
      }
      catch (Exception e)
      {
        _logger.LogInformation("Erro na requisição http: " + e.Message);
      }
    }
  }

Interface Ijsonapiservice:

public interface IJsonApiService
{
   [Get("")]
   Task<Json> GetCity();
}

Answer 1

Relevant remark: that one api returns an object that in its members has other objects and one of them is a list of cities, so there is no way to return for this api what is asked and I decided to put the appropriate example by the correct return of this api.

---

The layout of the base classes to load information from json sent by the request is the following:

public class Rootobject
{
    public string Message { get; set; }
    public Global Global { get; set; }
    public Country[] Countries { get; set; }
    public DateTime Date { get; set; }
}

public class Global
{
    public int NewConfirmed { get; set; }
    public int TotalConfirmed { get; set; }
    public int NewDeaths { get; set; }
    public int TotalDeaths { get; set; }
    public int NewRecovered { get; set; }
    public int TotalRecovered { get; set; }
}

public class Country
{
    [JsonProperty("Country")]
    public string Name { get; set; }
    public string CountryCode { get; set; }
    public string Slug { get; set; }
    public int NewConfirmed { get; set; }
    public int TotalConfirmed { get; set; }
    public int NewDeaths { get; set; }
    public int TotalDeaths { get; set; }
    public int NewRecovered { get; set; }
    public int TotalRecovered { get; set; }
    public DateTime Date { get; set; }
    public Premium Premium { get; set; }
}

public class Premium
{
}

and to work with refit a interface for consumption of api as follows:

public interface IGetRootobject
{
    [Get("")]
    Task<Rootobject> GetAsync();
}

and finally to use all the above codes and to consume api:

var create = RestService.For<IGetRootobject>("https://api.covid19api.com/summary");
var result = create.GetAsync().GetAwaiter().GetResult();
// ou var result = await create.GetAsync();

whereas the values of result is the return of api.

^{Reference: refit}