Cos'è lo SSR? 
SSR, o Rendering lato server, è un meccanismo e un insieme di convenzioni in cui un'applicazione o un contenuto viene renderizzato con lavoro minimo da parte del client.
Con SSR, il client non esegue JavaScript. Invece, il client visualizza HTML/CSS che è stato "renderizzato" dal server.
Vantaggi dello SSR
Un vantaggio importante della SSR è che JavaScript non è richiesto. Per questo, le applicazioni possono essere costruite per risultare "più leggere" in molti casi d'uso.
Inoltre, la SSR può essere usata come fallback nel caso in cui l'utente abbia JavaScript disabilitato. In questo modo i thread di commento possono comunque essere visualizzati, e l'utente può ancora rispondere ai commenti.
FastComments è già ben ottimizzato, quindi nella maggior parte dei casi la SSR non è necessaria. Tuttavia, alcune comunità online hanno utenti che non usano JavaScript, o la disattivazione di esso è la pratica preferita. Qui la SSR di FastComments può essere utile.
Tuttavia, un compromesso importante della SSR è dover ricaricare la pagina per piccoli cambiamenti di stato.
Funzionalità SSR supportate da FastComments
FastComments supporta le seguenti funzionalità con SSR:
- Widget per i commenti personalizzabile.
- Commenti anonimi.
- Commentare mentre si è autenticati.
- SSO.
- Risposte di primo livello e annidate.
- Visualizzazione & paginazione dei thread di commenti.
- Votazione, incluso il voto anonimo.
- Modifica della direzione di ordinamento predefinita.
Un esempio
Un esempio di FastComments SSR è disponibile qui.
Casi d'uso
Esempi di casi d'uso della SSR sono i seguenti:
- Un fallback per quando JavaScript è disabilitato.
- Per renderizzare un'interfaccia di commenti in un ambiente in cui JavaScript non è disponibile o non è desiderato.
- Per siti o comunità online in cui l'inclusione di ulteriore JavaScript non è desiderata.
Dove FastComments utilizza lo SSR
FastComments utilizza SSR nei seguenti posti:
- Il nostro plugin per WordPress utilizza SSR come fallback per impostazione predefinita. Se JavaScript è disabilitato, gli utenti possono comunque commentare sul tuo blog.
- Lo usiamo come fallback anche sul nostro Blog! https://blog.fastcomments.com
Utilizzo di SSR
Per usare FastComments SSR, il client può ottenere HTML dall'endpoint https://fastcomments.com/ssr/comments.
Questo può essere fatto in diversi modi.
Con WordPress
SSR è abilitato di default per gli utenti senza JS abilitato come fallback nel plugin WordPress dalla versione 3.10.2.
In una pagina web
Con un'applicazione già esistente, SSR può essere aggiunto con il seguente esempio, assumendo che il linguaggio usato sia PHP:
Possiamo anche mostrare l'interfaccia SSR solo quando l'utente ha JS disabilitato:
Per un esempio che utilizza SSO, vedi qui.
Con contenuti pre-renderizzati
Il nostro blog è generato in fase di build e fornisce un buon esempio di SSR con Handlebars.
Parametri di base
I parametri di base che devi fornire sono:
tenantId- Questo ti identifica come cliente.urlId- Questo identifica la pagina o l'articolo per caricare i commenti e definisce dove vengono salvati.url- Questo è usato per le notifiche e funzionalità correlate per collegarsi al thread dei commenti.
Stile personalizzato
La versione SSR del widget dei commenti utilizza la stessa struttura e lo stesso motore di rendering di quella JavaScript.
Di conseguenza, tutti gli stili personalizzati che funzionano per il widget di commenti JavaScript funzionano anche per SSR.
Note
Con SSR non c'è JavaScript per controllare l'altezza del contenitore renderizzato. Nei browser, potrebbe apparire una barra di scorrimento verticale per discussioni lunghe.
Pertanto, è necessario regolare questo secondo le tue esigenze.