Qu'est-ce que le SSR ? 
SSR, ou rendu côté serveur, est un mécanisme et un ensemble de conventions où une application ou du contenu est rendu avec un minimum de travail côté client.
Avec le SSR, le client n'exécute pas de JavaScript. À la place, le client rend le HTML/CSS qui a été "rendu" par le serveur.
Avantages du SSR
Un avantage majeur du SSR est que JavaScript n'est pas requis. Grâce à cela, les applications peuvent être conçues pour paraître "plus légères" dans de nombreux cas d'utilisation.
De plus, le SSR peut être utilisé comme solution de secours au cas où l'utilisateur aurait JavaScript désactivé. Ainsi, les fils de discussion 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 comptent des utilisateurs qui n'utilisent pas JavaScript, ou la désactivation de celui-ci est la pratique préféré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 SSR :
- Widget de commentaires personnalisable.
- Commentaires anonymes.
- Commenter lorsqu'on est connecté.
- SSO.
- Réponses racines et 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
Les exemples d'utilisation du SSR sont les suivants :
- Une solution de secours lorsque JavaScript est désactivé.
- Pour afficher une interface de commentaires dans un environnement où JavaScript n'est pas disponible ou n'est pas souhaité.
- Pour des sites ou communautés en ligne où l'ajout de davantage de JavaScript n'est pas souhaité.
Où FastComments utilise le SSR
FastComments utilise le SSR dans les endroits suivants:
- Notre plugin WordPress utilise le SSR comme solution de secours par défaut. Si JavaScript est désactivé, les utilisateurs peuvent toujours commenter sur votre blog.
- Nous l'utilisons comme solution de secours sur notre propre blog ! https://blog.fastcomments.com
Utilisation du SSR
Pour utiliser FastComments SSR, le client peut récupérer du HTML depuis le 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 comme solution de repli dans le plugin WordPress depuis la version 3.10.2.
Dans une Webpage
Dans 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é JavaScript:
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- Il vous identifie en tant que client.urlId- Il identifie la page ou l'article pour lequel charger les commentaires, et définit où ils sont enregistrés.url- Il est 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 celui JavaScript.
Ainsi, toutes les personnalisations de style qui fonctionnent pour le widget de commentaires JavaScript fonctionnent également 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 longues discussions.
Vous devez donc ajuster cela selon vos besoins.