Qu'est-ce que le SSR ? 
SSR, ou rendu côté serveur (Server-Side-Rendering), est un mécanisme et un ensemble de conventions où une application ou un contenu est rendu avec un travail minimal du côté client.
Avec le SSR, le client n'exécute pas de JavaScript. Au lieu de cela, le client affiche du HTML/CSS qui a été "rendu" par le serveur.
Avantages du SSR
Un avantage majeur du SSR est que JavaScript n'est pas requis. Parce que cela, les applications peuvent être construites pour donner une sensation "plus légère" dans de nombreux cas d'utilisation.
De plus, SSR peut être utilisé comme solution de repli au cas où l'utilisateur aurait JavaScript désactivé. De cette façon, les fils de commentaires peuvent toujours s'afficher, et l'utilisateur peut toujours répondre aux commentaires.
FastComments est déjà bien optimisé, donc dans la plupart des cas le SSR n'est pas nécessaire. Cependant, certaines communautés en ligne comprennent des utilisateurs qui n'utilisent pas JavaScript, ou le fait de le désactiver est la pratique privilégiée. C'est là que le SSR de FastComments peut être utile.
Cependant, un compromis majeur du SSR est de devoir recharger la page pour de petits changements d'état.
Fonctionnalités SSR prises en charge par FastComments
FastComments prend en charge les fonctionnalités suivantes avec le SSR :
- Widget de commentaires personnalisable.
- Commentaires anonymes.
- Commenter lorsqu'on est connecté.
- SSO.
- Réponses racine et réponses imbriquées.
- Affichage et pagination des fils de commentaires.
- Votes, y compris les votes anonymes.
- Modification de l'ordre de tri par défaut.
Un exemple
Un exemple de FastComments SSR est disponible ici.
Cas d'utilisation
Exemples d'utilisation du SSR :
- Une solution de repli lorsque JavaScript est désactivé.
- Pour rendre une interface de commentaires dans un environnement où JavaScript n'est pas disponible ou n'est pas souhaité.
- Pour des sites ou des communautés en ligne où l'ajout de JavaScript supplémentaire n'est pas souhaité.
Où FastComments utilise le SSR
FastComments utilise le SSR dans les cas suivants :
- Notre plugin WordPress utilise le SSR comme solution de repli par défaut. Si JavaScript est désactivé, les utilisateurs peuvent toujours commenter votre blogue.
- Nous l'utilisons comme solution de repli sur notre propre blogue ! https://blog.fastcomments.com
Utilisation du SSR
Pour utiliser FastComments SSR, le client peut récupérer du HTML à partir du point de terminaison https://fastcomments.com/ssr/comments.
Cela peut être fait de plusieurs manières.
Avec WordPress
Le SSR est activé par défaut pour les utilisateurs sans JavaScript en tant que solution de repli dans le plugin WordPress depuis la version 3.10.2.
Sur une page Web
Pour une application existante, le SSR peut être ajouté avec l'exemple suivant, en supposant que le langage utilisé est PHP :
Nous pouvons également n'afficher l'interface SSR que lorsque l'utilisateur a désactivé JS :
Pour un exemple utilisant SSO, voir ici.
Avec du contenu pré-rendu
Notre blog est généré au moment de la génération, et fournit un bon exemple de SSR avec Handlebars.
Paramètres de base
Les paramètres de base que vous devez transmettre sont :
tenantId- Ceci vous identifie en tant que client.urlId- Identifie la page ou l'article pour lequel charger les commentaires, et définit où ils sont sauvegardés.url- Utilisé pour les notifications et les fonctionnalités associées afin de renvoyer vers le fil de commentaires.
Style personnalisé
La version SSR du widget de commentaires utilise la même structure et le même moteur de rendu que celle JavaScript.
Ainsi, tous les styles personnalisés qui fonctionnent pour le widget de commentaires JavaScript fonctionnent pour le SSR.
Remarques
Avec le SSR, il n'y a pas de JavaScript pour contrôler la hauteur du conteneur rendu. Dans les navigateurs, une barre de défilement verticale peut apparaître pour les discussions longues.
Vous devez donc ajuster cela selon vos besoins.