API antaa eri järjestelmien puhua keskenään ja jakaa tietoa. Opi, mikä API on, miten verkkosivustot käyttävät niitä ja miksi niillä on merkitystä.
Täytät sivustolla lomakkeen, ja muutaman sekunnin kuluttua saat vahvistussähköpostin. Katsot sivustolta säätä, ja se näyttää reaaliaikaiset tiedot kaupungillesi. Teet maksun netissä, ja tapahtuma menee läpi poistumatta sivulta. Kaikki nämä tapahtuvat siksi, että API:t toimivat taustalla.
API:n merkitys on yksinkertainen: lyhenne tulee sanoista Application Programming Interface, eli ohjelmointirajapinta. Jos olet opiskellut frontend- ja backend-kehitystä, tiedät jo, että sivuston kahden puolen täytyy kommunikoida. API:t ovat tapa, jolla tuo kommunikaatio tapahtuu, ja ne ulottuvat oman sivustosi ulkopuolelle.
Mikä on API?
API on joukko sääntöjä, joiden avulla yksi järjestelmä voi lähettää pyynnön toiselle järjestelmälle ja saada vastauksen takaisin. Ajattele sitä ravintolan tarjoilijana. Sinä (frontend) kerrot tarjoilijalle, mitä haluat. Tarjoilija vie tilauksesi keittiöön (backend tai toinen palvelu), ja keittiö lähettää takaisin täsmälleen sen, mitä pyysit. Tarjoilija on API. Et mene itse keittiöön.
Verkkosivustojen kielellä API-pyyntö lähetetään, kun yksi järjestelmä pyytää toiselta tietoa tai käskee sitä tekemään jotain. Toinen järjestelmä käsittelee pyynnön ja lähettää vastauksen takaisin. Tämä kaikki tapahtuu taustalla, yleensä alle sekunnissa.
Miten API:t toimivat verkkosivustoilla?
Aina kun sivustosi tarvitsee puhua toisen järjestelmän kanssa, se käyttää API:a. Tässä muutama yleinen esimerkki siitä, miten API:t toimivat käytännössä.
1. Sisällön lataaminen toisesta lähteestä
Sivustosi voi hakea reaaliaikaista tietoa ulkoisesta palvelusta, kuten säätietoja, valuuttakursseja tai toimituskuluja. Sivusto lähettää API-pyynnön palvelulle, ja palvelu lähettää tiedot takaisin. Sivustosi näyttää ne vierailijalle, eikä vierailija koskaan tiedä, että tieto tuli muualta.
2. Maksujen käsittely
Kun joku maksaa jotain sivustollasi, maksu ei oikeasti tapahdu sivustollasi. Sivustosi lähettää maksutiedot API:n kautta maksunkäsittelijälle. Käsittelijä hoitaa tapahtuman turvallisesti ja lähettää vahvistuksen takaisin saman API:n kautta. Tämä on selkeä API-esimerkki siitä, miten kaksi järjestelmää toimii yhdessä jaetun yhteyden kautta.
3. Sähköpostien ja ilmoitusten lähettäminen
Yhteydenottolomakkeet, tilausvahvistukset ja rekisteröitymissähköpostit lähetetään yleensä API:n kautta, joka yhdistää sivustosi sähköpostin toimituspalveluun. Sivustosi kertoo palvelulle, mitä lähettää ja kenelle, ja palvelu hoitaa varsinaisen toimituksen.
4. Yhdistäminen muihin alustoihin
API-integraatio mahdollistaa sen, että sivustosi voi yhdistyä muihin työkaluihin ja palveluihin. Analytiikkasi, ajanvarausjärjestelmäsi, sähköpostilistasi ja maksujen käsittelysi voivat kaikki kytkeytyä sivustoosi API:en kautta. Jokainen integraatio käyttää API-päätepistettä (endpoint), joka on tietty osoite, johon sivustosi lähettää pyyntöjä ja josta se saa vastauksia.
5. Haun ja suodatuksen toteutus
Kun etsit jotain sivustolta, hakukenttä lähettää hakusi API:n kautta tietokantaan. Tietokanta löytää osuvat tulokset ja lähettää ne takaisin API:n kautta, jotta sivu voi näyttää ne. Näin hakutulokset ilmestyvät heti lataamatta koko sivua uudelleen.
Miksi API:t ovat tärkeitä sivustollesi?
API:t antavat sivustollesi mahdollisuuden tehdä asioita, joita se ei koskaan voisi tehdä yksin. Ilman API:ja sivustosi olisi suljettu järjestelmä. Se voisi näyttää sisältöä ja ottaa vastaan klikkauksia, mutta se ei voisi käsitellä maksuja, lähettää sähköposteja, hakea reaaliaikaista tietoa tai yhdistyä mihinkään ulkoiseen palveluun. API:t tekevät nykyaikaisista sivustoista toimivia pelkkien sivujen näyttämisen lisäksi.
Ne pitävät sivustosi myös kevyempänä. Sen sijaan, että rakentaisit jokaisen ominaisuuden alusta alkaen omaan järjestelmääsi, yhdistät palveluihin, jotka tekevät sen jo hyvin. Sivustosi keskittyy kokemukseen, ja raskas työ tapahtuu API-yhteyksien kautta taustalla. Jos käytät CMS:ää tai sivustonrakentajaa, monet näistä API-yhteyksistä on jo asetettu puolestasi. Saat toiminnallisuuden ilman, että sinun tarvitsee rakentaa tai hallita integraatioita itse.
Usein kysytyt kysymykset
Pitääkö minun tietää API:sta rakentaakseni verkkosivuston?
Ei, jos käytät sivustonrakentajaa. Alusta hoitaa API-yhteydet taustalla. Saat ominaisuuksia, kuten lomakkeet, maksut, sähköpostin ja analytiikan, koskematta mihinkään API-koodiin. WEMASYn verkkosivustorakentimessa on valmiit integraatiot, joten voit keskittyä sisältöösi ja brändiisi, kun tekniset yhteydet toimivat automaattisesti.
Mikä on API-avain ja miksi sellainen tarvitaan?
API-avain on yksilöllinen koodi, joka tunnistaa sivustosi, kun se yhdistyy toiseen palveluun. Se toimii kuin salasana, joka kertoo toiselle järjestelmälle, kuka pyynnön tekee ja onko hänellä siihen lupa. Ilman voimassa olevaa API-avainta palvelu hylkää pyynnön. Useimmat alustat luovat API-avaimet puolestasi automaattisesti, kun määrität integraation.
Voivatko API:t yhdistää eri sivustoja toisiinsa?
Voivat. API:t ovat vakiotapa, jolla eri järjestelmät jakavat tietoa. Yksi sivusto voi hakea sisältöä toiselta, lähettää tietoa kolmannen osapuolen palveluun tai synkronoida tietoja usean alustan välillä. Näin sivustojen, sovellusten ja työkalujen väliset integraatiot toimivat. Lue lisää siitä, miten frontend ja backend käyttävät API:ja kommunikointiin.
Ovatko API:t vain kehittäjille?
API:n tekninen toteutus on yleensä kehittäjien hoidossa, mutta sinun ei tarvitse olla kehittäjä hyötyäksesi niistä. Aina kun käytät lomaketta, teet maksun tai näet reaaliaikaista tietoa sivustolla, API tekee työn. Jos käytät WEMASYn kaltaista järjestelmää, API:t on jo kytketty puolestasi mallipohjien ja sisäänrakennettujen ominaisuuksien kautta.
Mitä tapahtuu, kun API lakkaa toimimasta?
Siitä riippuva ominaisuus lakkaa myös toimimasta. Jos maksu-API kaatuu, vierailijat eivät voi viimeistellä ostoksia. Jos sähköposti-API epäonnistuu, vahvistussähköpostit lakkaavat lähtemästä. Siksi luotettavat API-palveluntarjoajat ja kunnollinen virheenkäsittely ovat tärkeitä. Hyvin tehty sivusto näyttää hyödyllisen viestin, kun jokin epäonnistuu, sen sijaan että menisi kokonaan rikki.
Miten API:t vaikuttavat sivuston nopeuteen?
Jokainen API-kutsu lisää hieman aikaa sivun lataukseen, koska sivuston täytyy odottaa ulkoisen palvelun vastausta. Jos sivu tekee liian monta API-kutsua tai ulkoinen palvelu on hidas, sivusi tuntuu vetelältä. Hyvä käytäntö on pitää API-kutsut minimissä ja käyttää välimuistia API-vastausten tallentamiseen, jotta samaa tietoa ei tarvitse hakea joka kerta.