Τι είναι το SSR; 
SSR, ή Server-Side-Rendering, είναι ένας μηχανισμός και ένα σύνολο συμβάσεων όπου μια εφαρμογή ή περιεχόμενο αποδίδεται με ελάχιστη δουλειά από τον πελάτη.
Με το SSR, ο πελάτης δεν εκτελεί JavaScript. Αντ' αυτού, ο πελάτης αποδίδει HTML/CSS που είχε "αποδοθεί" από τον διακομιστή.
Οφέλη του SSR
Ένα σημαντικό πλεονέκτημα του SSR είναι ότι δεν απαιτείται JavaScript. Εξαιτίας αυτού, οι εφαρμογές μπορούν να κατασκευαστούν ώστε να φαίνονται "ελαφρύτερες" σε πολλές περιπτώσεις χρήσης.
Επιπλέον, το SSR μπορεί να χρησιμοποιηθεί ως εφεδρική λύση σε περίπτωση που ο χρήστης έχει απενεργοποιήσει την JavaScript. Με αυτόν τον τρόπο τα νήματα σχολίων μπορούν ακόμα να εμφανίζονται, και ο χρήστης μπορεί ακόμα να απαντήσει σε σχόλια.
Το FastComments είναι ήδη καλά βελτιστοποιημένο, οπότε στις περισσότερες περιπτώσεις το SSR δεν είναι απαραίτητο. Ωστόσο, κάποιες διαδικτυακές κοινότητες έχουν χρήστες που δεν χρησιμοποιούν JavaScript, ή η απενεργοποίησή της είναι η προτιμώμενη πρακτική. Εδώ είναι που το FastComments SSR μπορεί να είναι χρήσιμο.
Ωστόσο, ένας σημαντικός συμβιβασμός του SSR είναι ότι απαιτείται επαναφόρτωση της σελίδας για μικρές αλλαγές κατάστασης.
Λειτουργίες SSR που υποστηρίζονται από το FastComments
FastComments υποστηρίζει τις ακόλουθες δυνατότητες με SSR:
- Προσαρμόσιμο widget σχολιασμού.
- Ανώνυμος σχολιασμός.
- Σχολιασμός ενώ ο χρήστης είναι συνδεδεμένος.
- SSO.
- Απαντήσεις ρίζας και εμφωλιασμένες απαντήσεις.
- Προβολή & σελιδοποίηση νημάτων σχολίων.
- Ψηφοφορία, συμπεριλαμβανομένης της ανώνυμης ψηφοφορίας.
- Αλλαγή της προεπιλεγμένης κατεύθυνσης ταξινόμησης.
Παράδειγμα
Ένα παράδειγμα του 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 από την έκδοση 3.10.2.
Σε μια ιστοσελίδα
Σε μια ήδη υπάρχουσα εφαρμογή, το SSR μπορεί να προστεθεί με το παρακάτω παράδειγμα, υποθέτοντας ότι η γλώσσα που χρησιμοποιείται είναι PHP:
Μπορούμε επίσης να δείξουμε το SSR UI μόνο όταν ο χρήστης έχει απενεργοποιημένο το JS:
Για ένα παράδειγμα που χρησιμοποιεί SSO, δείτε εδώ.
Με προ-rendered περιεχόμενο
Το blog μας δημιουργείται κατά τη διάρκεια του build, και παρέχει ένα καλό παράδειγμα SSR με Handlebars.
Οι βασικές παράμετροι
Οι βασικές παράμετροι που πρέπει να περάσετε είναι:
tenantId- Αυτό σας ταυτοποιεί ως πελάτη.urlId- Αυτό ταυτοποιεί τη σελίδα ή το άρθρο για το οποίο θα φορτωθούν τα σχόλια, και ορίζει πού αποθηκεύονται.url- Αυτό χρησιμοποιείται για ειδοποιήσεις και σχετικές λειτουργίες για να συνδέεται πίσω στο νήμα σχολίων.
Προσαρμοσμένο Στυλ
Η SSR έκδοση του widget σχολίων χρησιμοποιεί την ίδια δομή και μηχανή απόδοσης με τη JavaScript έκδοση.
Ως εκ τούτου, όλο το προσαρμοσμένο στυλ που λειτουργεί για το JavaScript commenting widget λειτουργεί και για το SSR.
Σημειώσεις
Στο SSR, δεν υπάρχει JavaScript για να ελέγχει το ύψος του αποδοθέντος κοντέινερ. Σε προγράμματα περιήγησης, μπορεί να εμφανιστεί κάθετη γραμμή κύλισης για μεγάλες συζητήσεις.
Ως εκ τούτου, πρέπει να το ρυθμίσετε όπως επιθυμείτε.