Ett API låter olika system prata med varandra och dela data. Lär dig vad ett API är, hur webbplatser använder dem och varför de är viktiga.
Du fyller i ett formulär på en webbplats, och några sekunder senare får du ett bekräftelsemejl. Du kollar vädret på en webbplats och ser live-data för din stad. Du betalar online och transaktionen går igenom utan att du lämnar sidan. Allt det här sker tack vare API:er som arbetar i bakgrunden.
Betydelsen av API är enkel: det står för Application Programming Interface. Om du har läst om frontend- och backendutveckling vet du redan att webbplatsens två sidor behöver kommunicera. API:er är hur den kommunikationen går till, och de sträcker sig bortom din egen webbplats.
Vad är ett API?
Ett API är en uppsättning regler som låter ett system skicka en förfrågan till ett annat system och få ett svar tillbaka. Tänk på en servitör på en restaurang. Du (frontend) säger till servitören vad du vill ha. Servitören tar din beställning till köket (backend eller en annan tjänst), och köket skickar tillbaka precis det du bad om. Servitören är API:et. Du går aldrig in i köket själv.
I webbsammanhang är en API-förfrågan det som skickas när ett system ber ett annat om data eller säger åt det att göra något. Det andra systemet behandlar förfrågan och skickar tillbaka ett svar. Allt det här sker i bakgrunden, oftast på under en sekund.
Hur fungerar API:er på webbplatser?
Varje gång din webbplats behöver prata med ett annat system använder den ett API. Här är några vanliga exempel på hur API:er fungerar i praktiken.
1. Ladda innehåll från en annan källa
Din webbplats kan hämta in live-data från en extern tjänst, till exempel väderuppdateringar, valutakurser eller fraktkostnader. Webbplatsen skickar en API-förfrågan till tjänsten, och tjänsten skickar tillbaka datan. Din webbplats visar den sedan för besökaren utan att besökaren märker att datan kom någon annanstans ifrån.
2. Hantera betalningar
När någon betalar för något på din webbplats sker betalningen egentligen inte på din webbplats. Din webbplats skickar betalningsuppgifterna via ett API till en betalningsleverantör. Leverantören hanterar transaktionen säkert och skickar en bekräftelse tillbaka via samma API. Det är ett tydligt API-exempel på hur två system samarbetar genom en gemensam koppling.
3. Skicka e-post och notiser
Kontaktformulär, orderbekräftelser och registreringsmejl skickas oftast via ett API som kopplar din webbplats till en tjänst för e-postutskick. Din webbplats talar om för tjänsten vad som ska skickas och till vem, och tjänsten sköter själva leveransen.
4. Koppla ihop med andra plattformar
API-integration gör det möjligt för din webbplats att kopplas till andra verktyg och tjänster. Din analys, ditt bokningssystem, din e-postlista och din betalhantering kan alla kopplas in i din webbplats via API:er. Varje integration använder en API-endpoint, alltså en specifik adress dit din webbplats skickar förfrågningar och tar emot svar.
5. Driva sök och filtrering
När du söker efter något på en webbplats skickar sökfältet din fråga via ett API till databasen. Databasen hittar matchande resultat och skickar tillbaka dem via API:et så att sidan kan visa dem. Så kan sökresultat visas direkt utan att hela sidan laddas om.
Varför är API:er viktiga för din webbplats?
API:er låter din webbplats göra saker den aldrig skulle klara på egen hand. Utan API:er vore din webbplats ett slutet system. Den kunde visa innehåll och ta emot klick, men den kunde inte hantera betalningar, skicka e-post, hämta live-data eller koppla upp sig mot någon extern tjänst. API:er är det som gör moderna webbplatser funktionella bortom att bara visa sidor.
De håller också din webbplats lättare. I stället för att bygga varje funktion från grunden i ditt eget system kopplar du upp dig mot tjänster som redan gör det bra. Din webbplats kan fokusera på upplevelsen, och det tunga arbetet sker via API-kopplingar i bakgrunden. Om du använder ett CMS eller en webbplatsbyggare är många av de här API-kopplingarna redan ordnade åt dig. Du får funktionerna utan att behöva bygga eller sköta integrationerna själv.
Vanliga frågor
Behöver jag kunna något om API:er för att bygga en webbplats?
Inte om du använder en webbplatsbyggare. Plattformen sköter API-kopplingarna bakom kulisserna. Du får funktioner som formulär, betalningar, e-post och analys utan att röra någon API-kod. WEMASYs webbplatsbyggare har inbyggda integrationer så att du kan fokusera på ditt innehåll och ditt varumärke medan de tekniska kopplingarna körs automatiskt.
Vad är en API-nyckel och varför behöver du en?
En API-nyckel är en unik kod som identifierar din webbplats när den kopplar upp sig mot en annan tjänst. Den fungerar som ett lösenord som talar om för det andra systemet vem som skickar förfrågan och om de får göra det. Utan en giltig API-nyckel avvisar tjänsten förfrågan. De flesta plattformar skapar API-nycklar åt dig automatiskt när du ställer in en integration.
Kan API:er koppla ihop olika webbplatser?
Ja. API:er är det vanliga sättet för olika system att dela data. En webbplats kan hämta innehåll från en annan, skicka data till en tredjepartstjänst eller synkronisera information mellan flera plattformar. Så fungerar integrationer mellan webbplatser, appar och verktyg. Läs mer om hur frontend och backend använder API:er för att kommunicera.
Är API:er bara för utvecklare?
Den tekniska uppsättningen av ett API sköts oftast av utvecklare, men du behöver inte vara en för att dra nytta av dem. Varje gång du använder ett formulär, betalar eller ser live-data på en webbplats är det ett API som gör jobbet. Om du använder ett system som WEMASY är API:erna redan kopplade åt dig via mallarna och de inbyggda funktionerna.
Vad händer när ett API slutar fungera?
Funktionen som är beroende av det slutar också fungera. Om betalnings-API:et ligger nere kan besökare inte slutföra köp. Om e-post-API:et misslyckas slutar bekräftelsemejlen att skickas. Därför är pålitliga API-leverantörer och bra felhantering viktiga. En välbyggd webbplats visar ett hjälpsamt meddelande när något misslyckas i stället för att gå sönder helt.
Hur påverkar API:er webbplatsens hastighet?
Varje API-anrop lägger till lite tid på sidladdningen eftersom webbplatsen måste vänta på att den externa tjänsten svarar. Om en sida gör för många API-anrop eller om den externa tjänsten är långsam känns sidan seg. God praxis är att hålla API-anropen till ett minimum och använda cachning för att lagra API-svar så att samma data inte behöver hämtas varje gång.