En API lader forskellige systemer tale sammen og dele data. Se, hvad en API er, hvordan hjemmesider bruger dem, og hvorfor de er vigtige.
Du udfylder en formular på en hjemmeside, og få sekunder efter får du en bekræftelse på e-mail. Du tjekker vejret på en hjemmeside, og den viser live data for din by. Du betaler online, og betalingen går igennem, uden at du forlader siden. Alt det sker, fordi API'er arbejder i baggrunden.
Betydningen af API er enkel: Det står for Application Programming Interface. Har du læst om frontend og backend, ved du allerede, at hjemmesidens to sider skal kunne kommunikere. API'er er måden, den kommunikation foregår på, og de rækker længere end din egen hjemmeside.
Hvad er en API?
En API er et sæt regler, der lader ét system sende en forespørgsel til et andet system og få et svar tilbage. Tænk på den som en tjener på en restaurant. Du (frontend) fortæller tjeneren, hvad du vil have. Tjeneren tager din bestilling med ud til køkkenet (backend eller en anden tjeneste), og køkkenet sender præcis det tilbage, du bad om. Tjeneren er API'en. Du går aldrig selv ud i køkkenet.
På en hjemmeside er en API-forespørgsel det, der bliver sendt, når ét system beder et andet om data eller beder det gøre noget. Det andet system behandler forespørgslen og sender et svar tilbage. Det foregår i baggrunden, som regel på under et sekund.
Hvordan virker API'er på hjemmesider?
Hver gang din hjemmeside skal tale med et andet system, bruger den en API. Her er nogle almindelige eksempler på, hvordan API'er virker i praksis.
1. Indhold fra en anden kilde
Din hjemmeside kan hente live data fra en ekstern tjeneste, som vejrudsigter, valutakurser eller fragtpriser. Hjemmesiden sender en API-forespørgsel til tjenesten, og tjenesten sender data tilbage. Din hjemmeside viser dem så til den besøgende, uden at den besøgende ved, at dataene kom et andet sted fra.
2. Behandling af betalinger
Når nogen betaler for noget på din hjemmeside, sker betalingen faktisk ikke på din hjemmeside. Din hjemmeside sender betalingsoplysningerne via en API til en betalingsudbyder. Udbyderen behandler betalingen sikkert og sender en bekræftelse tilbage via den samme API. Det er et tydeligt API-eksempel på, hvordan to systemer arbejder sammen gennem en fælles forbindelse.
3. Afsendelse af e-mails og notifikationer
Kontaktformularer, ordrebekræftelser og tilmeldingsmails bliver som regel sendt via en API, der forbinder din hjemmeside med en tjeneste til e-mailudsendelse. Din hjemmeside fortæller tjenesten, hvad der skal sendes og til hvem, og tjenesten klarer selve leveringen.
4. Forbindelse til andre platforme
API-integration er det, der gør det muligt for din hjemmeside at forbinde sig med andre værktøjer og tjenester. Din analytics, dit bookingsystem, din e-mailliste og din betalingshåndtering kan alle kobles på din hjemmeside via API'er. Hver integration bruger et API-endpoint, som er en bestemt adresse, hvor din hjemmeside sender forespørgsler og får svar.
5. Søgning og filtrering
Når du søger efter noget på en hjemmeside, sender søgefeltet din søgning via en API til databasen. Databasen finder de resultater, der passer, og sender dem tilbage via API'en, så siden kan vise dem. Sådan dukker søgeresultaterne op med det samme, uden at hele siden indlæses igen.
Hvorfor er API'er vigtige for din hjemmeside?
API'er lader din hjemmeside gøre ting, den aldrig kunne gøre alene. Uden API'er ville din hjemmeside være et lukket system. Den kunne vise indhold og tage imod klik, men den kunne ikke behandle betalinger, sende e-mails, hente live data eller forbinde sig med nogen ekstern tjeneste. API'er er det, der får moderne hjemmesider til at kunne mere end at vise sider.
De gør også din hjemmeside lettere. I stedet for at bygge hver funktion fra bunden i dit eget system, forbinder du dig med tjenester, der allerede gør det godt. Din hjemmeside holder fokus på oplevelsen, og det tunge arbejde sker via API-forbindelser i baggrunden. Bruger du et CMS eller en hjemmesidebygger, er mange af disse API-forbindelser allerede sat op for dig. Du får funktionerne uden selv at skulle bygge eller styre integrationerne.
Ofte stillede spørgsmål
Skal jeg kende til API'er for at bygge en hjemmeside?
Ikke hvis du bruger en hjemmesidebygger. Platformen tager sig af API-forbindelserne bag kulisserne. Du får funktioner som formularer, betalinger, e-mail og analytics uden at røre ved API-kode. WEMASYs hjemmesidebygger har indbyggede integrationer, så du kan koncentrere dig om dit indhold og dit brand, mens de tekniske forbindelser kører automatisk.
Hvad er en API-nøgle, og hvorfor har du brug for en?
En API-nøgle er en unik kode, der identificerer din hjemmeside, når den forbinder sig med en anden tjeneste. Den virker som en adgangskode, der fortæller det andet system, hvem der sender forespørgslen, og om de har lov. Uden en gyldig API-nøgle afviser tjenesten forespørgslen. De fleste platforme laver API-nøgler til dig automatisk, når du sætter en integration op.
Kan API'er forbinde forskellige hjemmesider?
Ja. API'er er den almindelige måde, hvorpå forskellige systemer deler data. Én hjemmeside kan hente indhold fra en anden, sende data til en tredjepartstjeneste eller synkronisere information på tværs af flere platforme. Sådan virker integrationer mellem hjemmesider, apps og værktøjer. Læs mere om, hvordan frontend og backend bruger API'er til at kommunikere.
Er API'er kun for udviklere?
Den tekniske opsætning af en API klares som regel af udviklere, men du behøver ikke være udvikler for at få glæde af dem. Hver gang du bruger en formular, betaler eller ser live data på en hjemmeside, er det en API, der gør arbejdet. Bruger du et system som WEMASY, er API'erne allerede koblet på for dig via skabelonerne og de indbyggede funktioner.
Hvad sker der, når en API holder op med at virke?
Den funktion, der afhænger af den, holder også op med at virke. Går betalings-API'en ned, kan de besøgende ikke gennemføre køb. Fejler e-mail-API'en, sendes bekræftelsesmails ikke. Derfor er pålidelige API-udbydere og god fejlhåndtering vigtigt. En velbygget hjemmeside viser en hjælpsom besked, når noget fejler, i stedet for at gå helt i stå.
Hvordan påvirker API'er hjemmesidens hastighed?
Hvert API-kald lægger lidt tid til indlæsningen af en side, fordi hjemmesiden skal vente på, at den eksterne tjeneste svarer. Laver en side for mange API-kald, eller er den eksterne tjeneste langsom, føles din side træg. God praksis er at holde API-kald nede og bruge caching til at gemme API-svar, så de samme data ikke skal hentes hver gang.