Hva en API er · Kode med Martin

Opdag, hvordan nettsider taler med hinanden – og hvordan din nettside kan spørge om vær, kort eller AI.

En tjener mellom to køkkener

Se for deg en restaurant. Du (nettsiden din) vil bestille mat, men du får ikke gå inn på kjøkkenet (en fremmed tjeneste – vær, kart, AI). Det er det kelneren er til – de tar bestillingen din, bærer den til kjøkkenet og bringer deg den ferdige retten tilbake.

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

Din nettside sender en forespørgsel (“Hvordan blir været i morgen i Brno?”).
API’en sender den videre til tjenesten, der kjenner svaret.
Tjenesten returnerer et svar i et aftalt format.

Jeg viser deg: JSON – et fælles sprog

Programmer svarer hinanden i JSON-format. Det ligner nesten et JavaScript-objekt, som du allerede kjenner fra Troldmand:

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

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

Prøv det akkurat nå – åpne denne adresse i nettleseren (det er en ekte vær-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 vær i Brno. Ingen grafik – bare rene data. Du bygger grafikken omkring dem!

💡

API’er er overalt. Når en mobilapp viser deg en prognose, en busplan eller et kort, har den nesten aldrig dataene selv – den spørger gjennom en API. Nu lærer du at gjøre det samme.

Nå er det din tur 💪

Åpne adressen ovenfor i nettleseren og finn den aktuelle temperatur og vindhastighed i svaret.
Prøv at endre latitude og longitude i adressen til din egen bys koordinater (finn dem på en korttjeneste – høyreklikk → “What’s here?”).
Skriv 2–3 idéer til prosjektet ditt om, hvilke eksterne data der ville være nyttige på din nettside:

🏫 Skolenettside – idéer

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

🙋 Personlig nettside – idéer

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

🌍 Reisejournal – idéer

Et kort med pins for dine ture, vær på din neste destination, valutakonvertering til ditt rejsebudget.

⚽ Klubnettside – idéer

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

✅

Sjekk: Du kan forklare, hva en API er (en tjener mellom programmer) og genkende JSON. Du har set et rigtigt API-svar i nettleseren.

Dette tar du med deg fra leksjonen

API = en aftalt måde for programmer at bede hinanden om data.
Svar kommer i JSON – objekter og lister som i JavaScript.
I neste leksjon henter du data fra en API direkte ind på din nettside med fetch.