Enostranska aplikacija (SPA)
Enostranska aplikacija je spletna aplikacija, ki naloži eno samo HTML stran in dinamično posodablja vsebino, ko se uporabnik z njo interagira, brez potrebe po celovitih osvežitvah strani.
Enostrani spletni aplikaciji (SPA) je spletna aplikacija, ki se naloži enkrat in se nato dinamično posodablja, ko se uporabniki premikajo po njej. Namesto tradicionalnega pristopa, kjer vsak klik naloži povsem novo stran s strežnika, SPA prepiše trenutno stran z novimi podatki in ustvari bolj gladko izkušnjo, podobno aplikaciji. Ko prvič obiščete SPA, brskalnik prenese HTML, CSS in JavaScript aplikacije.
Po tem začetnem nalaganju vse nadaljnje interakcije potekajo prek klicev API-ja JavaScript, ki pridobivajo podatke in posodabljajo vsebino strani brez ponovnega polnega nalaganja. Zato se aplikacije, kot so Gmail, Google Maps in Trello, zdijo tako hitre in odzivne. SPAs so običajno zgrajene z ogrodji JavaScript, kot so React, Angular ali Vue.js.
V praksi
- Gmail je ena najbolj znanih SPA: e-pošto lahko berete, sestavljate in iščete, ne da bi se stran kdaj koli popolnoma osvežila
- Orodje za upravljanje projektov, zgrajeno kot SPA, je doseglo 40 % višjo stopnjo angažmaja uporabnikov, ker je bilo vlečenje in spuščanje ter trenuten posodobitev omogočilo brez napora upravljanje opravil
- Finančna nadzorna plošča SPA omogoča analitikom, da takoj preklopijo med različnimi pogledi podatkov in časovnimi obdobji, v primerjavi z 2–3 sekundnim nalaganjem strani njihove prejšnje tradicionalne spletne aplikacije
- Spletno orodje za oblikovanje (kot sta Figma ali Canva), zgrajeno kot SPA, omogoča sodelovanje v realnem času, kjer več uporabnikov takoj vidi spremembe brez osveževanja strani
Več o: Razvoj spletnih strani
- Odzivna zasnova
- Progressivna spletna aplikacija (PWA)
- Enostranska aplikacija (SPA)
- Uprizarjanje na strežniku (SSR)
- Statična generacija strani (SSG)
- API (programski vmesnik aplikacije)
- CMS (Sistem za upravljanje vsebin)
- Headless CMS
- Nadzor verzij
- CI/CD (Neprekinjena integracija / Neprekinjen deploy)
- Okvir JavaScript
- TypeScript
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.