Τι είναι το SSR; 
SSR, ή Server-Side-Rendering, είναι ένας μηχανισμός και ένα σύνολο συμβάσεων όπου μια εφαρμογή ή περιεχόμενο αποδίδεται με ελάχιστη εργασία από τον client.
Με το SSR, ο client δεν εκτελεί JavaScript. Αντίθετα, ο client αποδίδει HTML/CSS που "αποδόθηκε" από τον server.
Οφέλη του SSR
Ένα σημαντικό πλεονέκτημα του SSR είναι ότι δεν απαιτείται JavaScript. Εξαιτίας αυτού, οι εφαρμογές μπορούν να κατασκευαστούν ώστε να φαίνονται "ελαφρύτερες" σε πολλές περιπτώσεις χρήσης.
Επιπλέον, το SSR μπορεί να χρησιμοποιηθεί ως fallback σε περίπτωση που ο χρήστης έχει απενεργοποιήσει την JavaScript. Έτσι οι συζητήσεις σχολίων μπορούν ακόμα να αποδοθούν, και ο χρήστης μπορεί ακόμα να απαντήσει σε σχόλια.
Το FastComments είναι ήδη καλά βελτιστοποιημένο, οπότε στις περισσότερες περιπτώσεις το SSR δεν είναι απαραίτητο. Ωστόσο, κάποιες διαδικτυακές κοινότητες έχουν χρήστες που δεν χρησιμοποιούν JavaScript, ή η απενεργοποίηση της είναι η προτιμώμενη πρακτική. Εδώ είναι που το SSR του FastComments μπορεί να είναι χρήσιμο.
Ωστόσο, ένας σημαντικός συμβιβασμός του SSR είναι ότι απαιτείται επαναφόρτωση της σελίδας για μικρές αλλαγές κατάστασης.
Υποστηριζόμενα χαρακτηριστικά SSR του FastComments
FastComments υποστηρίζει τις ακόλουθες δυνατότητες με SSR:
- Προσαρμόσιμο widget σχολιασμού.
- Ανώνυμος σχολιασμός.
- Σχολιασμός ενώ είστε συνδεδεμένοι.
- SSO.
- Root και εμφωλευμένες απαντήσεις.
- Προβολή & σελιδοποίηση νημάτων σχολίων.
- Ψηφοφορία, συμπεριλαμβανομένης της ανώνυμης ψήφου.
- Αλλαγή της προεπιλεγμένης κατεύθυνσης ταξινόμησης.
Ένα Παράδειγμα
Ένα παράδειγμα του FastComments SSR είναι διαθέσιμο εδώ.
Περιπτώσεις χρήσης
Παραδείγματα χρήσεων του SSR είναι τα εξής:
- Μια εναλλακτική λύση για όταν το JavaScript είναι απενεργοποιημένο.
- Για να αποδοθεί μια διεπαφή σχολίων σε ένα περιβάλλον όπου το JavaScript δεν είναι διαθέσιμο ή δεν επιθυμείται.
- Για ιστότοπους ή διαδικτυακές κοινότητες όπου δεν επιθυμείται η προσθήκη περισσότερου JavaScript.
Πού χρησιμοποιεί το FastComments το SSR
Το FastComments χρησιμοποιεί SSR στις ακόλουθες τοποθεσίες:
- Το πρόσθετό μας για το WordPress χρησιμοποιεί SSR ως εφεδρική λύση από προεπιλογή. Εάν το JavaScript απενεργοποιηθεί, οι χρήστες μπορούν ακόμη να σχολιάσουν στο ιστολόγιό σας.
- Το χρησιμοποιούμε ως εφεδρική λύση στο δικό μας ιστολόγιο! https://blog.fastcomments.com
Χρήση του SSR
Για να χρησιμοποιήσετε το FastComments SSR, ο πελάτης μπορεί να λάβει HTML από το https://fastcomments.com/ssr/comments endpoint.
Αυτό μπορεί να γίνει με διάφορους τρόπους.
Με WordPress
Το SSR είναι ενεργοποιημένο από προεπιλογή για χρήστες που έχουν απενεργοποιημένο το JS ως εφεδρική λύση στο WordPress plugin από την έκδοση 3.10.2.
Σε μια Ιστοσελίδα
Σε μια ήδη υπάρχουσα εφαρμογή, το SSR μπορεί να προστεθεί με το παρακάτω παράδειγμα, υποθέτοντας ότι η γλώσσα που χρησιμοποιείται είναι PHP:
Μπορούμε επίσης να εμφανίζουμε το SSR UI μόνο όταν ο χρήστης έχει απενεργοποιημένο το JS:
Για ένα παράδειγμα που χρησιμοποιεί SSO, δείτε εδώ.
Με Προ-Rendered Περιεχόμενο
Το blog μας δημιουργείται κατά το build time, και παρέχει ένα καλό παράδειγμα SSR με Handlebars.
Οι βασικές παράμετροι
Οι βασικές παράμετροι που πρέπει να περάσετε είναι:
tenantId- Αυτό σας ταυτοποιεί ως πελάτη.urlId- Αυτό ταυτοποιεί τη σελίδα ή το άρθρο για να φορτωθούν τα σχόλια, και ορίζει που αποθηκεύονται.url- Χρησιμοποιείται για ειδοποιήσεις και σχετικές λειτουργίες ώστε να συνδέεται πίσω στο νήμα σχολίων.
Προσαρμοσμένο Στυλ
Η έκδοση SSR του comment widget χρησιμοποιεί την ίδια δομή και rendering engine με αυτή του JavaScript.
Ως εκ τούτου, όλο το προσαρμοσμένο στυλ που λειτουργεί για το JavaScript commenting widget λειτουργεί και για το SSR.
Σημειώσεις
Με το SSR, δεν υπάρχει JavaScript για να ελέγχει το ύψος του αποδοθέντος container. Στους περιηγητές, μπορεί να εμφανιστεί μία κάθετη γραμμή κύλισης για εκτενείς συζητήσεις.
Ως εκ τούτου, πρέπει να το ρυθμίσετε όπως επιθυμείτε.