Hvad er en enkelt sideapplikation (SPA)

Hvad er en enkelt sideapplikation (SPA)

Du ser applikationer med en enkelt side overalt. Alle de store navne som Google, Facebook, Twitter, GitHub osv. Bruger denne teknik til at nå ud til deres brugere.

SPA kan enten være en webapplikation eller en webside, og det hjælper dig med at oprette dynamiske og brugervenlige sider, der hjælper med at give brugerne uafbrudt adgang. Den største fordel ved dette format er, at det er meget hurtigere end traditionelle websider, så brugeren ikke behøver at vente i evigheder for at downloade siden. En anden fordel er, at siderne ikke behøver at genindlæse under brug. Dette gøres ved at udføre logikken lige i webbrowseren og ikke på serveren.

Når brugeren først har downloadet den indledende side, sendes hele HTML’en ikke frem og tilbage, kun dataene sendes, og dette gemmes på båndbredde. Dette er muligt med avancerede Javascript-rammer som Angular, Knockout, Meteor og Ember.

Fordele

1. Hastighed og lydhør

Dine brugere behøver ikke længere vente på, at siden downloades. Når HTML, CSS + scripts alle er downloadet, behøver brugeren ikke at downloade dem igen. Kun de nye data skal downloades, når brugeren beder om det.

2. Genbrug den samme backend-kode

Programmører kan bruge den samme sikkerhedskopierede kode som en webbaseret app til at udvikle en mobilapp. Dette skyldes, at SPA har al sandsynlighed for en app og ligner endnu mindre et websted. Du behøver ikke gøre noget specielt for at tilpasse designet eller funktionaliteten til mobile enheder.

3. Det er ret simpelt, og der er ikke behov for en server

Udviklingen er en strømlinet og enkel proces, og du behøver ikke at skrive koder eller gengive sider på serveren. Du kan arbejde på udviklingsprocessen på siden uden at bruge servere.

4. Kan også arbejde offline

Takket være offline support og cachefunktioner gemmes alle data, så der er ingen grund til at bruge internettet hele tiden. Alle data vil blive cachelagret til det lokale lager, og når der er en anmodning til serveren, sendes de. Så selv når enheden mister internetforbindelse, kan appen hente dataene.

5. Evne til at strømline test under webapp-udvikling

Det er muligt at adskille data og brugergrænseflade i formatet Single Page Application. Og dette hjælper med at strømline testprocessen, når du er færdig med udviklingsprocessen. Denne adskillelse gør det også let at administrere integrationer i fremtiden. Og alt dette gøres uden alvorlige konsekvenser for grænsefladen.

Få problemer at bekæmpe, når du opretter websider og apps med dette format

1. Krav til Javascript

For at få siderne til at indlæse bruger udvikleren JS, så hvis brugeren deaktiverer dette på sin side, ville han ikke være i stand til korrekt at indlæse eller navigere i appen. Imidlertid kan udviklere komme rundt om dette problem, hvis de gengiver siden på serveren. Men det tager meget kræfter og tid med HTML og CSS.

2. Hukommelse lækker

Tab af tilgængelig computerhukommelse kaldes hukommelseslækage. I tilfælde af SPA kan dette ske på grund af begivenhedslyttere og begivenhedshåndterere (modtagelse af hændelsesmeddelelser som museklik eller tastetryk fra en begivenhedskilde). I visse tilfælde kan begivenhederne imidlertid være ubundne forkert. Begivenhedshåndtereren forbliver i hukommelsen, selvom du ikke behøver at udføre den.

Du bliver nødt til at fjerne dette manuelt ved hjælp af RequireJS eller ved at lukke begivenhederne eller gennem modulindlæsning. Browseren fjerner ikke begivenhedshåndtereren alene.

3. Sikkerhedsspørgsmål

Oprettelse af et enkelt sideformat kan være lidt sårbart, fordi der er hackere, der indsætter deres egen klientsidekode og får dig til at køre ondsindet script. Dette sker på grund af XSS-angreb (Cross scripting). Den gode nyhed er dog, at du kan bekæmpe problemet ved at sikre dataendepunkterne. Hvis du ikke vil have andre til at få adgang til alle koderne, kan du opdele den downloadbare JS i forskellige rum.

4. Skalerbarhedsproblem

Det er ikke muligt at kalde sider lavet i dette format som skalerbare. Hvis det var en traditionel side, kan du tilføje indhold, opdele det på nye sider, men i dette tilfælde ville du finde det vanskeligt. Og du kan ikke tilføje for mange funktioner, da downloadtid kan blive påvirket. Du kan dog bruge nye Javascript-rammer som Ember, Backbone og Angular til at lave skalerbare applikationer.

5. Præsentation af indholdet

Det er en udfordring at præsentere værdifuldt indhold på en webside efter SPA-format. Du har tp inkluderer kort, simpelt og informativt indhold, men ikke for meget af det, da det afskrækker de besøgende. De besøgende skal være i stand til at navigere i de andre funktioner i appen, og det bør ikke skjules af indholdet. Du skal dog bruge lidt tid på at optimere indholdet, så det indekseres af søgemaskinerne.

Eksempler på sådanne applikationer

Google Docs

Google Docs bruger SPA-elementet for at sikre, at deres side forbliver dynamisk aktiv for brugerne. Selvom du skriver noget på Docs-siden, foretager ændringer i det, forbliver hovedgrænsefladen uændret. Kun det indhold, du tilføjer på siden, afspejles der.

Trello

Trello er måske en af de bedste webapps, der bruger SPA-formatet. Det er berømt for sin dynamiske og meget interaktive grænseflade omkring en enkelt visning. Hvis brugeren ønsker at tilføje en ny opgave i Trello, er det muligt.

Afslutning af tanker

Selvom det er trendy at have SPA til dit websted og din app, er det vigtigt at overveje dine mål, før du skifter til det. Fokus bør være på brugeroplevelse og nyttige funktioner, så hvis du føler, at du ikke kan opfylde disse betingelser, er du muligvis nødt til at gå tilbage til MPA eller applikationer til flere sider. MPA fungerer på den traditionelle måde med flere niveauer af brugergrænseflade, og selve applikationerne er større.

Enkeltsides applikationer er perfekte til virksomheder, der leverer et enkelt produkt eller en enkelt tjeneste. Det kan ikke håndtere kravene til komplekse tjenester. Husk også, at knapperne tilbage og fremad ikke fungerer i et sådant format; dine brugere skal bogstaveligt talt klare sig med den enkelte side.

Interessante artikler:
Tjek mere om SPA på Wikipedia
Alt hvad du behøver at vide om applikation til en enkelt side

Billeder: Flickr.com/ karlnorling / Johannes

Forfatteren: Reema Oamkumar er engageret som en tankeleder på www.Software-Developer-India.com, som er en del af YUHIRO Group. YUHIRO er en tysk-indisk virksomhed, der leverer programmører til IT-virksomheder, agenturer og IT-afdelinger.