🌐 API Integration - Backend Kommunikation

Was ist eine API?

Eine API (Application Programming Interface) ermöglicht die Kommunikation zwischen verschiedenen Anwendungen über das Internet. Deine Blazor-App (Frontend) kann APIs aufrufen, um Daten von anderen Servern (Backend) abzurufen oder zu senden.

🏗️ Wie funktioniert es?

  • HttpClient - .NET's eingebauter HTTP-Client
  • REST API - Standard für Web-APIs (GET, POST, PUT, DELETE)
  • JSON - Datenformat für den Austausch
  • Async/Await - Asynchrone Kommunikation ohne UI-Blockierung

1️⃣ Zufällige User-Daten (JSONPlaceholder API)

API: https://jsonplaceholder.typicode.com/users

2️⃣ Dog Facts API

API: https://dogapi.dog/api/v2/facts

3️⃣ Zufällige Ratschläge (Advice Slip API)

API: https://api.adviceslip.com/advice

💻 Code-Beispiel: API-Aufruf

// HttpClient wird per Dependency Injection eingebunden
@inject HttpClient Http

// API aufrufen
var response = await Http.GetAsync("https://api.example.com/data");
response.EnsureSuccessStatusCode();

// JSON zu C# Objekt deserialisieren
var data = await response.Content.ReadFromJsonAsync<MyModel>();

// Alternative: Direkt in einem Schritt
var data = await Http.GetFromJsonAsync<MyModel>(
    "https://api.example.com/data"
);