Hvad en API er · Kod med Martin

Opdag, hvordan hjemmesider taler med hinanden – og hvordan din hjemmeside kan spørge om vejr, kort eller AI.

En tjener mellem to køkkener

Forestil dig en restaurant. Du (din hjemmeside) vil bestille mad, men du må ikke ind i køkkenet (en fremmed tjeneste – vejr, kort, AI). Det er det, tjeneren er til – de tager din bestilling, bærer den til køkkenet og bringer dig den færdige ret tilbage.

Den tjener kaldes en API (Application Programming Interface). Det er en aftalt måde for programmer at bede hinanden om data:

Din hjemmeside sender en forespørgsel (“Hvordan bliver vejret i morgen i Brno?”).
API’en sender den videre til tjenesten, der kender svaret.
Tjenesten returnerer et svar i et aftalt format.

Vis mig: JSON – et fælles sprog

Programmer svarer hinanden i JSON-format. Det ligner næsten et JavaScript-objekt, som du allerede kender fra Troldmand:

{
  "mesto": "Brno",
  "teplota": 21,
  "slunecno": true,
  "dny": ["Saturday", "Sunday"]
}

Tekst er i anførselstegn, tal er det ikke.
true/false kender du allerede fra betingelser.
Firkantede parenteser = en liste, krøllede parenteser = et objekt.

Prøv det lige nu – åbn denne adresse i din browser (det er en rigtig vejr-API, gratis, ingen registrering nødvendig):

https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61&current_weather=true

Du ser JSON med det aktuelle vejr i Brno. Ingen grafik – bare rene data. Du bygger grafikken omkring dem!

💡

API’er er overalt. Når en mobilapp viser dig en prognose, en busplan eller et kort, har den næsten aldrig dataene selv – den spørger gennem en API. Nu lærer du at gøre det samme.

Nu er det din tur 💪

Åbn adressen ovenfor i din browser og find den aktuelle temperatur og vindhastighed i svaret.
Prøv at ændre latitude og longitude i adressen til din egen bys koordinater (find dem på en korttjeneste – højreklik → “What’s here?”).
Skriv 2–3 idéer til dit projekt om, hvilke eksterne data der ville være nyttige på din hjemmeside:

🏫 Skolehjemmeside – idéer

Vejr til en skoletur, et kort med skolens placering, en frokostmenu fra kantinens API (hvis den har en), ferier og skoleferier.

🙋 Personlig hjemmeside – idéer

Vejr i din by, et kort over steder, du har været, en AI-chatbot, der svarer på spørgsmål om dig for besøgende.

🌍 Rejsejournal – idéer

Et kort med pins for dine ture, vejr på din næste destination, valutakonvertering til dit rejsebudget.

⚽ Klubhjemmeside – idéer

Vejr til weekendkampen, et kort over banen for gæstende hold, en AI-hjælper, der forklarer fodboldreglerne.

✅

Tjek: Du kan forklare, hvad en API er (en tjener mellem programmer) og genkende JSON. Du har set et rigtigt API-svar i din browser.

Det tager du med fra denne lektion

API = en aftalt måde for programmer at bede hinanden om data.
Svar kommer i JSON – objekter og lister ligesom i JavaScript.
I næste lektion henter du data fra en API direkte ind på din hjemmeside med fetch.