Fri Jan 21 2022
...
FastComments Κυκλοφορεί τη Σερβερική Απόδοση
! Αυτό το Άρθρο Περιέχει Τεχνική Ορολογία
Τι Νέο Υπάρχει
Από την έναρξή του στις αρχές του 2020, το FastComments χρησιμοποιούσε αποκλειστικά JavaScript για να αποδώσει το widget σχολίων.
Τι θα λέγατε αν σας λέγαμε ότι μπορείτε να έχετε σχεδόν όλη την ίδια βασική λειτουργικότητα, αλλά χωρίς να χρησιμοποιείτε JS;
Το παραπάνω στιγμιότυπο οθόνης είναι το widget σχολίων FastComments, χωρίς JavaScript. Μπορείτε να δείτε αυτή τη σελίδα, χωρίς JavaScript, εδώ.
Πώς να το χρησιμοποιήσετε
Εάν χρησιμοποιείτε WordPress, η έκδοση 3.10.1 του plugin FastComments προσθέτει αυτόματα υποστήριξη για SSR ως εναλλακτική λύση για τους χρήστες σας που περιηγούνται με την απενεργοποιημένη JS.
Για προσαρμοσμένες υλοποιήσεις, ανακτήστε το UI για ένα νήμα σχολίων, απλά καλέστε το /ssr/comments για αυτή τη σελίδα:
Όπου το $urlId είναι το url, ή id, της σελίδας. Η τεκμηρίωση γι' αυτό είναι εδώ.
Για παράδειγμα, με PHP μπορούμε να στείλουμε ένα iframe στη σελίδα που αποδίδει το νήμα σχολίων στο εσωτερικό:
Μπορούμε επίσης να κάνουμε μια κλήση API για να λάβουμε το HTML για ένα νήμα σχολίων και να το αποδώσουμε ή να το αποθηκεύσουμε.
Πλήρης τεκμηρίωση διατίθεται στα SSR Docs στο docs.fastcomments.com.
SSO
Επειδή αγαπάμε τα ακρωνύμια που ακούγονται επιχειρηματικά, μην ανησυχείτε, το SSR υποστηρίζει SSO. Ένα παράδειγμα Single-Sign-On με SSR είναι εδώ.
Τοπική Προσαρμογή
Η τελική σημείο που βασίζεται σε SSR τοποθετεί αυτόματα την απάντηση με βάση τις γλώσσα που σχετίζονται κεφαλίδες που στέλνει ο περιηγητής. Μπορεί επίσης να χρησιμοποιήσει τις ίδιες τοπικές παρακάμψεις όπως το widget που βασίζεται σε JavaScript.
Γιατί Δημιουργήθηκε Αυτή η Λειτουργία
Μία από τις κύριες παρατηρήσεις για υπηρεσίες όπως το FastComments είναι ότι απαιτούν JS. Ήδη κάνουμε το widget σχολίων όσο το δυνατόν πιο ελαφρύ και διασφαλίζουμε ότι τηρούμε τους SLAs κλήσεων API μας με < 20ms, αλλά πολλές μικρότερες κοινότητες δεν θα επιλέξουν μια τέτοια λύση εάν σημαίνει ότι θα πρέπει να προσθέσουν JS στον ιστότοπό τους.
Αυτή η λειτουργία ανοίγει επίσης την ευκαιρία να χρησιμοποιηθούν μηχανές απόδοσης που δεν έχουν πρόσβαση στη JavaScript.
Η Τεχνολογία
Το FastComments χρησιμοποιεί το δικό του μικρό μικροπλαίσιο για την απόδοση του UI. Αυτό το πλαίσιο χρησιμοποιεί μια παρόμοια προσέγγιση με το React, εκτός αν επιτρέπονται χειροκίνητες παρεμβάσεις στο DOM εκτός από την αρχική απόδοση.
Η βασική βιβλιοθήκη widget σχολίων έχει ένα μόνο σημείο εισόδου - παίρνει ένα σύνολο καταστάσεων και δημιουργεί το αντίστοιχο HTML και CSS προς απόδοση. Απλά καλούμε Αυτό και στο σερβερ. Όταν ο χρήστης αλληλεπιδρά με τη σελίδα, η κατάσταση αλλάζει και το τελευταίο HTML ανακτάται. Αυτό δημιουργήθηκε ως αποτέλεσμα ενός hackathon που πραγματοποιήθηκε ως μέρος του νέου έτους.
Ζωντανά Σχόλια
Επειδή το UI αποδίδεται από τον σερβερ, μία φορά, οι δυνατότητες ζωντανής σχολιασμού δεν είναι διαθέσιμες.
Επιπλέον, η ειδοποίηση δεν είναι διαθέσιμη αυτή τη στιγμή. Θα είμαστε ανοιχτοί για να προσθέσουμε αυτή τη δυνατότητα στο μέλλον.
Απόδοση
Το σερβερικά αποδομένο UI χρησιμοποιεί τις ίδιες βελτιώσεις αποθήκευσης και μηχανή απόδοσης όπως το widget που βασίζεται σε JavaScript. Για μικρά νήματα σχολίων, η απόδοση είναι στην πραγματικότητα καλύτερη, καθώς ο χρήστης δεν χρειάζεται να κατεβάσει ένα script που έπειτα ανακτά τα σχόλια και αποδίδει το UI.
Crawlers και SEO
Το FastComments λειτουργεί ήδη καλά με τις εφαρμογές καταχώρησης ιστού; αν η SEO είναι ανησυχία, η χρήση SSR δεν είναι απαραίτητη.
Μελλοντικές Εφαρμογές
Σχεδιάζουμε να κυκλοφορήσουμε μια λύση Forum στο μέλλον. Παραδοσιακά, τα φόρουμ είναι σελιδοποιημένα και σερβερικά αποδομένα. Οι σύγχρονες λύσεις φόρουμ απομακρύνονται από αυτήν τη νοοτροπία χρησιμοποιώντας άπειρη κύλιση και απόδοση πλευράς πελάτη. Δεν νομίζουμε ότι αυτή πρέπει να είναι η μόνη επιλογή για τη χρήση μιας τρίτης λύσης φόρουμ.
Στο Συμπέρασμα
Ελπίζουμε ότι βρήκατε αυτόν τον οδηγό χρήσιμο και εύκολο να διαβάσετε. Μη διστάσετε να σχολιάσετε παρακάτω με οποιεσδήποτε ερωτήσεις.
Καλή συνέχεια!