Hvad er SSR? 
SSR, eller Server-Side-Rendering, er en mekanisme og et sæt konventioner hvor en applikation eller indhold gengives med minimal indsats fra klienten.
Med SSR udfører klienten ikke JavaScript. I stedet gengiver klienten HTML/CSS som blev "renderet" af serveren.
Fordele ved SSR
En stor fordel ved SSR er, at JavaScript ikke er påkrævet. Fordi af dette kan applikationer bygges til at føles "lettere" i mange brugstilfælde.
Derudover kan SSR bruges som en fallback i tilfælde af, at brugeren har JavaScript deaktiveret. På den måde kan kommentartråde stadig gengives, og brugeren kan stadig svare på kommentarer.
FastComments er allerede godt optimeret, så i de fleste tilfælde er SSR ikke nødvendig. Dog har nogle online fællesskaber brugere, som ikke bruger JavaScript, eller hvor det at deaktivere det er den foretrukne praksis. Her kan FastComments SSR være nyttigt.
En væsentlig ulempe ved SSR er dog, at man er nødt til at genindlæse siden ved små tilstandsændringer.
Understøttede funktioner i FastComments SSR
FastComments understøtter følgende funktioner med SSR:
- Tilpasseligt kommenterings-widget.
- Anonym kommentering.
- Kommentering mens man er logget ind.
- SSO.
- Topniveau- og indlejrede svar.
- Visning & paginering af kommentartråde.
- Stemmegivning, inklusive anonym stemmegivning.
- Ændring af standard sorteringsretning.
Et eksempel
Et eksempel på FastComments SSR er tilgængeligt her.
Brugstilfælde
Eksempler på anvendelsestilfælde for SSR er som følger:
- En fallback, når JavaScript er deaktiveret.
- At gengive en kommentargrænseflade i et miljø, hvor JavaScript ikke er tilgængeligt eller ønsket.
- For websteder eller onlinefællesskaber, hvor tilføjelse af mere JavaScript ikke er ønsket.
Hvor FastComments bruger SSR
FastComments bruger SSR på følgende steder:
- Vores WordPress-plugin bruger SSR som fallback som standard. Hvis JavaScript er deaktiveret, kan brugere stadig kommentere på din blog.
- Vi bruger det som fallback på vores egen blog! https://blog.fastcomments.com
Brug af SSR
For at bruge FastComments SSR kan klienten hente HTML fra https://fastcomments.com/ssr/comments endpointet.
Dette kan gøres på flere måder.
Med WordPress
SSR er aktiveret som standard for brugere uden JS som en fallback i WordPress-plugin'et siden version 3.10.2.
På en webside
Med en allerede eksisterende applikation kan SSR tilføjes med følgende eksempel, forudsat at sproget er PHP:
Vi kan også kun vise SSR-brugergrænsefladen, når brugeren har JS deaktiveret:
For et eksempel der bruger SSO, se her.
Med præ-renderet indhold
Vores blog genereres ved build-tid og giver et godt eksempel på SSR med Handlebars.
De grundlæggende parametre
De grundlæggende parametre, som du skal sende, er:
tenantId- Dette identificerer dig som kunde.urlId- Dette identificerer siden eller artiklen, der skal indlæses kommentarer til, og bestemmer hvor de gemmes.url- Dette bruges til notifikationer og relaterede funktioner til at linke tilbage til kommentartråden.
Tilpasset styling
SSR-versionen af kommentars-widget'en bruger samme struktur og gengivelsesmotor som JavaScript-versionen.
Derfor virker alle tilpassede stilarter, der fungerer for JavaScript-kommentar-widget'en, også for SSR.
Bemærkninger
Med SSR er der ingen JavaScript til at kontrollere højden af den gengivne container. I browsere kan en lodret rullebjælke vises ved lange diskussioner.
Derfor skal du justere dette efter behov.