Web API-anrop & auth

Lektionens mål

• Studenten kan registrera och använda en typad HttpClient.
• Studenten kan hantera fel med try/catch och ErrorBoundary.
• Studenten kan skydda sidor och delar av UI med AuthorizeView.

Agenda (150 min)

Talartips per sektion

Workshop — guide för läraren

1. Registrera en typad WeatherClient mot https://api.open-meteo.com.
2. Bygg en sida som låter användaren ange koordinater och visar temperaturen.
3. Hantera fel snyggt (visa felmeddelande, inte ett crash).
4. Skapa ett nytt sidoprojekt med --auth Individual. Demonstrera AuthorizeView och [Authorize].
5. Skapa ett admin-konto manuellt (via Identity-sidorna) och en skyddad /admin-sida.

// Program.cs
builder.Services.AddHttpClient<WeatherClient>(c =>
  c.BaseAddress = new Uri("https://api.open-meteo.com/"));

// WeatherClient.cs
public class WeatherClient(HttpClient http)
{
  public async Task<double?> GetTempAsync(double lat, double lon)
  {
    var resp = await http.GetFromJsonAsync<OpenMeteoResponse>(
      $"v1/forecast?latitude={lat}&longitude={lon}&current=temperature_2m");
    return resp?.Current?.Temperature_2m;
  }
}

Vanliga frågor

← L6 L8 — Render & Deploy →