FastComments.com

Συνεργατική Συνομιλία

Προσθέστε Ενσωματωμένα Ζωντανά Σχόλια σε Έγγραφα, Βιβλία κ.λπ.

Το FastComments Collab Chat επιτρέπει στους χρήστες να επισημαίνουν και να σχολιάζουν οποιοδήποτε κείμενο στον ιστότοπό σας, δημιουργώντας συζητήσεις με νήματα συνδεδεμένες σε συγκεκριμένες επιλογές κειμένου. Οι χρήστες μπορούν να επιλέξουν λέξεις, προτάσεις ή ολόκληρες παραγράφους για να ξεκινήσουν συνεργατικές συζητήσεις απευθείας μέσα στο περιεχόμενό σας.

Αυτή η λειτουργία είναι ιδανική για επιμελητική ανατροφοδότηση, περιβάλλοντα συνεργατικής ανάγνωσης, εκπαιδευτικές πλατφόρμες, αναθεώρηση εγγράφων και κάθε σενάριο όπου θέλετε συζητήσεις με συμφραζόμενα αγκυρωμένες σε συγκεκριμένο κείμενο.

Σημειώστε ότι αυτά τα έγγραφα αφορούν ειδικά τη λειτουργικότητα του Collab Chat. Μπορείτε να προσθέσετε σχολιασμό για περιεχόμενο με πολλές σελίδες, όπως Books, με thread-per-page, without using collab chat. Το FastComments επίσης δεν χρεώνει ανά σελίδα ή ανά νήμα. Το Collab Chat αφορά συγκεκριμένα όταν θέλετε να επιτρέψετε στους χρήστες να επιλέγουν κείμενο και να σχολιάζουν το επισημασμένο τμήμα του κειμένου.

Μπορείτε να δείτε ένα παράδειγμα εδώ.

Παραδείγματα Internal Link

Βασικό Παράδειγμα

Ο απλούστερος τρόπος χρήσης του Collab Chat είναι να στοχεύσετε ένα μόνο περιέκτη περιεχομένου. Αυτό το παράδειγμα δείχνει πώς να ενεργοποιήσετε τις σημειώσεις κειμένου σε ένα άρθρο:

Βασικό Παράδειγμα Collab Chat
Copy CopyRun External Link
1
2<!DOCTYPE html>
3<html>
4<head>
5 <title>My Article with Collab Chat</title>
6</head>
7<body>
8 <div id="article-content" style="min-height: 500px">
9 <h1>My Article Title</h1>
10 <p>This is a paragraph that users can annotate. Simply highlight any text to start a discussion!</p>
11 <p>You can have multiple paragraphs, and users can highlight text across any of them.</p>
12 </div>
13
14 <script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
15 <script>
16 FastCommentsCollabChat(document.getElementById('article-content'), {
17 tenantId: 'demo'
18 });
19 </script>
20</body>
21</html>
22

Παράδειγμα με Προσαρμοσμένο URL ID (ανά σελίδα βιβλίου, άρθρο κ.λπ.)

Κατά προεπιλογή, το Collab Chat χρησιμοποιεί το URL της σελίδας σε συνδυασμό με τη διαδρομή του στοιχείου και το εύρος κειμένου για να αναγνωρίζει τις συζητήσεις. Μπορείτε να παρέχετε προσαρμοσμένο urlId για να έχετε μεγαλύτερο έλεγχο στον τρόπο ομαδοποίησης των συζητήσεων:

Collab Chat με Προσαρμοσμένο URL ID
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
3<script>
4 FastCommentsCollabChat(document.getElementById('article-content'), {
5 tenantId: 'demo',
6 urlId: 'book-one-page-2'
7 });
8</script>
9

Αυτό είναι χρήσιμο εάν η δομή του URL σας αλλάζει αλλά θέλετε να διατηρήσετε τις ίδιες συζητήσεις, ή εάν θέλετε να μοιράζεστε τις ίδιες σημειώσεις συζήτησης σε πολλαπλές σελίδες.

Παράδειγμα με Σκοτεινή Λειτουργία

Εάν ο ιστότοπός σας έχει σκούρο φόντο, ενεργοποιήστε τη υποστήριξη σκοτεινής λειτουργίας για να διασφαλίσετε ότι το UI του chat εμφανίζεται σωστά:

Collab Chat με Σκοτεινή Λειτουργία
Copy CopyRun External Link
1
2<!DOCTYPE html>
3<html>
4<head>
5 <title>My Article with Collab Chat - Dark Mode</title>
6 <style>
7 body {
8 background-color: #1a1a1a !important;
9 color: #e0e0e0 !important;
10 font-family: system-ui, -apple-system, sans-serif;
11 padding: 20px;
12 margin: 0;
13 }
14 #article-content {
15 max-width: 800px;
16 margin: 0 auto;
17 background-color: #2d2d2d;
18 padding: 20px;
19 border-radius: 8px;
20 }
21 h1 {
22 color: #ffffff !important;
23 }
24 p {
25 color: #e0e0e0 !important;
26 line-height: 1.6;
27 }
28 .fastcomments-collab-chat-top-bar {
29 background-color: #2d2d2d !important;
30 color: #e0e0e0 !important;
31 border-bottom: 1px solid #444 !important;
32 }
33 </style>
34</head>
35<body>
36 <div id="article-content" style="min-height: 500px">
37 <h1>My Article Title</h1>
38 <p>This is a paragraph that users can annotate. Simply highlight any text to start a discussion!</p>
39 <p>You can have multiple paragraphs, and users can highlight text across any of them.</p>
40 </div>
41
42 <script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
43 <script>
44 FastCommentsCollabChat(document.getElementById('article-content'), {
45 tenantId: 'demo',
46 hasDarkBackground: true
47 });
48 </script>
49</body>
50</html>
51

Παράδειγμα με Απενεργοποιημένη Πάνω Γραμμή

Κατά προεπιλογή, το Collab Chat εμφανίζει μια πάνω γραμμή με τον αριθμό χρηστών και τον αριθμό συζητήσεων. Μπορείτε να την απενεργοποιήσετε:

Collab Chat με Απενεργοποιημένη Πάνω Γραμμή
Copy CopyRun External Link
1
2<!DOCTYPE html>
3<html>
4<head>
5 <title>My Article with Collab Chat - No Top Bar</title>
6</head>
7<body>
8 <div id="article-content" style="min-height: 500px">
9 <h1>My Article Title</h1>
10 <p>This is a paragraph that users can annotate. Simply highlight any text to start a discussion!</p>
11 <p>You can have multiple paragraphs, and users can highlight text across any of them.</p>
12 </div>
13
14 <script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
15 <script>
16 FastCommentsCollabChat(document.getElementById('article-content'), {
17 tenantId: 'demo',
18 topBarTarget: null
19 });
20 </script>
21</body>
22</html>
23

Παράδειγμα με Callback Αριθμού Σχολίων

Μπορείτε να παρακολουθείτε πότε προστίθενται ή ενημερώνονται σχόλια χρησιμοποιώντας το callback commentCountUpdated:

Collab Chat με Callback Αριθμού Σχολίων
Copy Copy
1
2<script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
3<script>
4 FastCommentsCollabChat(document.getElementById('article-content'), {
5 tenantId: 'demo',
6 commentCountUpdated: function(count) {
7 console.log('Total comments:', count);
8 document.getElementById('comment-badge').textContent = count;
9 }
10 });
11</script>
12

Παράδειγμα με Πολλαπλές Ενότητες

Μπορείτε να αρχικοποιήσετε το Collab Chat σε πολλαπλές ξεχωριστές ενότητες της σελίδας σας. Κάθε ενότητα θα έχει τις δικές της ανεξάρτητες σημειώσεις:

Collab Chat σε Πολλαπλές Ενότητες
Copy Copy
1
2<div id="intro-section">
3 <h2>Introduction</h2>
4 <p>Content for the introduction...</p>
5</div>
6
7<div id="main-section">
8 <h2>Main Content</h2>
9 <p>Content for the main article...</p>
10</div>
11
12<script src="https://cdn.fastcomments.com/js/embed-collab-chat.min.js"></script>
13<script>
14 // Initialize on intro section
15 FastCommentsCollabChat(document.getElementById('intro-section'), {
16 tenantId: 'demo',
17 urlId: 'my-article-intro'
18 });
19
20 // Initialize on main section
21 FastCommentsCollabChat(document.getElementById('main-section'), {
22 tenantId: 'demo',
23 urlId: 'my-article-main'
24 });
25</script>
26

Προσθήκη ζωντανών σχολίων σε διαδικτυακά βιβλία Internal Link

Μπορείτε να αρχικοποιήσετε το Collab Chat ανά σελίδα, αν το επιθυμείτε, και να έχετε ξεχωριστά νήματα ανά σελίδα, απλώς περάστε την παράμετρο urlId μια τιμή όπως book-one-page1. Αυτή η διαμόρφωση λειτουργεί επίσης για το συνηθισμένο widget σχολιασμού.

Συμπεριφορά Επιλογής Κειμένου Internal Link

Πώς λειτουργεί η επιλογή κειμένου

Όταν οι χρήστες επιλέγουν κείμενο μέσα στο δοχείο Collab Chat, το widget καταγράφει αυτήν την επιλογή και τους επιτρέπει να ξεκινήσουν μια συζήτηση. Η επιλογή μπορεί να είναι τόσο μικρή όσο μια μεμονωμένη λέξη ή τόσο μεγάλη όσο πολλαπλές παραγράφους που εκτείνονται σε διαφορετικά στοιχεία.

Καθυστέρηση επιλογής

Σε επιτραπέζιες συσκευές, υπάρχει καθυστέρηση 3,5 δευτερολέπτων μεταξύ της στιγμής που ο χρήστης επιλέγει κείμενο και της εμφάνισης του προτροπής συζήτησης. Αυτό αποφεύγει το τρεμόπαιγμα της διεπαφής όταν οι χρήστες απλώς επισημαίνουν κείμενο για αντιγραφή ή ανάγνωση. Σε κινητές συσκευές, η προτροπή εμφανίζεται αμέσως καθώς η επιλογή κειμένου είναι πιο σκόπιμη σε οθόνες αφής.

Μοναδικά αναγνωριστικά συνομιλιών

Κάθε συνομιλία παίρνει ένα μοναδικό urlId που συνδυάζει το URL της σελίδας, το μονοπάτι του στοιχείου στο DOM και τη σειριοποιημένη περιοχή κειμένου. Αυτό διασφαλίζει ότι κάθε επιλογή κειμένου δημιουργεί μια ξεχωριστή συνομιλία που μπορεί να βρεθεί ξανά αργότερα.

Εάν παρέχετε ένα προσαρμοσμένο urlId στη ρύθμισή σας, θα συνδυαστεί με το μονοπάτι του στοιχείου και την περιοχή κειμένου για να δημιουργήσει το τελικό αναγνωριστικό.

Οπτικές επισημάνσεις

Όταν υπάρχει συζήτηση για μια συγκεκριμένη επιλογή κειμένου, το κείμενο αυτό λαμβάνει μια οπτική επισήμανση. Η επισήμανση υλοποιείται χρησιμοποιώντας χρώματα φόντου και εμφανίζεται όταν ο δείκτης του ποντικιού βρίσκεται πάνω ή όταν το συνδεδεμένο παράθυρο συνομιλίας είναι ανοιχτό.

Το σύστημα επισήμανσης λειτουργεί τυλίγοντας το επιλεγμένο κείμενο σε ένα ειδικό στοιχείο που μπορεί να μορφοποιηθεί. Αυτή η προσέγγιση διασφαλίζει ότι οι επισημάνσεις παραμένουν ακριβείς ακόμη και όταν η υποκείμενη δομή HTML είναι πολύπλοκη.

Τοποθέτηση παραθύρου συνομιλίας

Όταν ένας χρήστης κάνει κλικ σε μια επισήμανση ή δημιουργεί μια νέα σημείωση, εμφανίζεται ένα παράθυρο συνομιλίας κοντά στο επιλεγμένο κείμενο. Το widget υπολογίζει αυτόματα την καλύτερη θέση για αυτό το παράθυρο με βάση τον διαθέσιμο χώρο του viewport.

Το σύστημα τοποθέτησης χρησιμοποιεί κλάσεις CSS όπως to-right, to-left, to-top, και to-bottom για να υποδείξει προς ποια κατεύθυνση πρέπει να επεκταθεί το παράθυρο συνομιλίας από την επισήμανση. Σε κινητές συσκευές (οθόνες κάτω των 768px), το παράθυρο συνομιλίας εμφανίζεται πάντα σε πλήρη οθόνη για καλύτερη ευχρηστία.

Διαστάσεις παραθύρου συνομιλίας

Τα παράθυρα συνομιλίας είναι 410px πλάτος σε επιτραπέζιους υπολογιστές με απόσταση 20px και ένα οπτικό βέλος 16px που δείχνει προς το επισημασμένο κείμενο. Αυτές οι διαστάσεις είναι σταθερές για να εξασφαλίσουν συνεπή συμπεριφορά, αλλά μπορείτε να προσαρμόσετε την εμφάνιση με CSS.

Επιλογές που διασχίζουν πολλαπλά στοιχεία

Οι χρήστες μπορούν να επιλέξουν κείμενο που εκτείνεται σε πολλά στοιχεία HTML, όπως να επισημάνουν από το μέσο μιας παραγράφου μέχρι την αρχή μιας άλλης. Το σύστημα σειριοποίησης περιοχής χειρίζεται αυτό σωστά και θα επισημάνει όλο το επιλεγμένο κείμενο ακόμα και όταν διασχίζει όρια στοιχείων.

Συμβατότητα περιηγητή

Το σύστημα επιλογής κειμένου χρησιμοποιεί το τυπικό API window.getSelection() το οποίο υποστηρίζεται σε όλους τους σύγχρονους περιηγητές. Για παλαιότερες εκδόσεις του Internet Explorer, υπάρχει fallback στο document.selection για συμβατότητα.

Διατήρηση επιλογής

Μόλις δημιουργηθεί μια συνομιλία για μια επιλογή κειμένου, αυτή η σημείωση διατηρείται ακόμη και αν η σελίδα φορτωθεί ξανά. Η σειριοποιημένη περιοχή και το μονοπάτι DOM επιτρέπουν στο widget να αποκαταστήσει τις επισημάνσεις στην ακριβή ίδια θέση όταν οι χρήστες επιστρέψουν στη σελίδα.

Αυτό λειτουργεί αξιόπιστα εφόσον το περιεχόμενο της σελίδας σας παραμένει σταθερό. Εάν αλλάξετε το περιεχόμενο του κειμένου ή αναδιαρθρώσετε το HTML σας, οι υπάρχουσες σημειώσεις ενδέχεται να μην ευθυγραμμίζονται σωστά με το κείμενο. Για τον λόγο αυτό, είναι καλύτερο να αποφεύγετε μεγάλες αλλαγές περιεχομένου σε σελίδες με ενεργές σημειώσεις, ή να εξετάσετε τη μετανάστευση των σημειώσεων όταν οι αλλαγές περιεχομένου είναι απαραίτητες.

Προσαρμογή Internal Link

Υποστήριξη Σκούρου Θέματος (Dark Mode)

Δυναμικό Σκούρο Θέμα

Αν το σκούρο θέμα του ιστότοπού σας ελέγχεται με την προσθήκη μιας κλάσης .dark στο στοιχείο body, το περιβάλλον Collab Chat θα το σεβαστεί αυτόματα χωρίς να απαιτείται επανεκκίνηση. Τα στυλ του widget έχουν σχεδιαστεί ώστε να ανταποκρίνονται στην παρουσία αυτής της κλάσης.

Παράδειγμα CSS για Σκούρο Θέμα
Copy Copy
1
2/* Το CSS του σκούρου θέματός σας */
3body.dark {
4 background: #1a1a1a;
5 color: #ffffff;
6}
7

Προσαρμοσμένο Στυλ με CSS

Μπορείτε να προσαρμόσετε την εμφάνιση των επισήμανσης κειμένου, των παραθύρων συνομιλίας και άλλων στοιχείων χρησιμοποιώντας CSS. Το widget προσθέτει συγκεκριμένες κλάσεις που μπορείτε να στοχεύσετε στο stylesheet σας.

Οι επισημάνσεις κειμένου χρησιμοποιούν το σύστημα στυλ του σχολικού φυσαλίδας της FastComments, οπότε κάθε προσαρμογή που έχετε εφαρμόσει στο τυπικό widget σχολίων θα επηρεάσει και το Collab Chat.

Προσαρμογή της Πάνω Μπάρας

Η πάνω μπάρα εμφανίζει τον αριθμό των συνδεδεμένων χρηστών και τον αριθμό των συζητήσεων. Μπορείτε να προσαρμόσετε τη θέση της παρέχοντας ένα προσαρμοσμένο στοιχείο ως topBarTarget:

Προσαρμοσμένη Θέση Πάνω Μπάρας
Copy Copy
1
2FastCommentsCollabChat(element, {
3 tenantId: 'demo',
4 topBarTarget: document.getElementById('my-custom-header')
5});
6

Ή απενεργοποιήστε την εντελώς ορίζοντάς την σε null:

Απενεργοποίηση Πάνω Μπάρας
Copy Copy
1
2FastCommentsCollabChat(element, {
3 tenantId: 'demo',
4 topBarTarget: null
5});
6

Συμπεριφορά σε Κινητά

Σε οθόνες πλάτους κάτω από 768px, το Collab Chat μεταβαίνει αυτόματα σε μια βελτιστοποιημένη διάταξη για κινητά. Τα παράθυρα συνομιλίας εμφανίζονται σε πλήρη οθόνη αντί να επιπλέουν δίπλα στο κείμενο, και η καθυστέρηση επιλογής αφαιρείται για πιο άμεση αλληλεπίδραση.

Αυτή η συμπεριφορά είναι ενσωματωμένη και δεν απαιτεί καμία ρύθμιση. Το widget ανιχνεύει αυτόματα το μέγεθος της οθόνης και προσαρμόζεται αναλόγως.

Εμφάνιση Παραθύρου Συνομιλίας

Τα παράθυρα συνομιλίας έχουν πλάτος 410px σε επιτραπέζιους υπολογιστές με ένα βέλος 16px που δείχνει το επισημασμένο κείμενο. Τα παράθυρα τοποθετούνται αυτόματα με βάση τον διαθέσιμο χώρο του viewport, χρησιμοποιώντας κλάσεις τοποθέτησης όπως to-right, to-left, to-top και to-bottom.

Μπορείτε να προσθέσετε προσαρμοσμένο CSS για να προσαρμόσετε χρώματα, γραμματοσειρές, αποστάσεις ή άλλες οπτικές ιδιότητες αυτών των παραθύρων. Τα παράθυρα συνομιλίας χρησιμοποιούν την ίδια δομή στοιχείων με το τυπικό widget της FastComments, οπότε κληρονομούν κάθε καθολική προσαρμογή που έχετε εφαρμόσει.

Μετάφραση (Localization)

Το Collab Chat υποστηρίζει όλες τις ίδιες επιλογές μετάφρασης με το τυπικό widget της FastComments. Ορίστε την επιλογή locale για να εμφανίζεται το κείμενο του περιβάλλοντος σε διαφορετικές γλώσσες:

Ορισμός Locale
Copy Copy
1
2FastCommentsCollabChat(element, {
3 tenantId: 'demo',
4 locale: 'es' // Ισπανικά
5});
6

Η FastComments υποστηρίζει δεκάδες γλώσσες. Η ρύθμιση locale επηρεάζει όλο το κείμενο του περιβάλλοντος, συμπεριλαμβανομένων των προτροπών, των κουμπιών και του κειμένου placeholder.

Κληρονομούμενες Επιλογές Προσαρμογής

Εφόσον το Collab Chat επεκτείνει το τυπικό widget σχολίων, κληρονομεί όλες τις επιλογές προσαρμογής από το βασικό widget. Αυτό περιλαμβάνει προσαρμοσμένες κλάσεις CSS, προσαρμοσμένες μεταφράσεις, προσαρμογή avatar, μορφοποίηση ημερομηνιών και πολλά άλλα.

Δείτε την κύρια τεκμηρίωση προσαρμογής της FastComments για την πλήρη λίστα των διαθέσιμων επιλογών προσαρμογής.

Εργασία με Προσαρμοσμένες Γραμματοσειρές

Αν ο ιστότοπός σας χρησιμοποιεί προσαρμοσμένες γραμματοσειρές, το περιβάλλον Collab Chat θα κληρονομήσει αυτές τις γραμματοσειρές από το CSS της σελίδας σας. Μπορεί να χρειαστεί να δημιουργήσετε έναν κανόνα προσαρμογής widget και να κάνετε @import τις γραμματοσειρές στο προσαρμοσμένο CSS αυτού του κανόνα, αν θέλετε το αιωρούμενο παράθυρο συνομιλίας να χρησιμοποιεί τις ίδιες γραμματοσειρές.

Ζωντανός Συγχρονισμός Internal Link

Ενημερώσεις σε Πραγματικό Χρόνο

Το Collab Chat χρησιμοποιεί συνδέσεις WebSocket για να συγχρονίζει όλες τις συνομιλίες σε πραγματικό χρόνο σε όλους τους συνδεδεμένους χρήστες. Όταν κάποιος δημιουργεί μια νέα σημείωση, προσθέτει ένα σχόλιο ή διαγράφει μια συζήτηση, όλοι οι άλλοι χρήστες που βλέπουν την ίδια σελίδα βλέπουν την ενημέρωση αμέσως χωρίς να χρειάζεται ανανέωση.

Πώς λειτουργεί ο συγχρονισμός WebSocket

Όταν αρχικοποιείτε το Collab Chat, το widget ανοίγει μια σύνδεση WebSocket προς τους διακομιστές της FastComments. Αυτή η σύνδεση παραμένει ανοιχτή για τη διάρκεια της συνεδρίας του χρήστη και ακούει για ενημερώσεις σχετικές με την τρέχουσα σελίδα.

Το σύστημα WebSocket χρησιμοποιεί τρεις τύπους broadcast μηνυμάτων για το Collab Chat. Το event new-text-chat ενεργοποιείται όταν κάποιος δημιουργεί μια νέα σημείωση στη σελίδα. Το event updated-text-chat ενεργοποιείται όταν κάποιος ενημερώνει μια υπάρχουσα συζήτηση. Το event deleted-text-chat ενεργοποιείται όταν κάποιος διαγράφει μια σημείωση.

Σύστημα Broadcast ID

Για να αποτραπεί το φαινόμενο ηχώ όπου οι χρήστες βλέπουν τις δικές τους ενέργειες να εκπέμπονται ξανά σε αυτούς, κάθε ενημέρωση περιλαμβάνει ένα μοναδικό broadcastId. Όταν ένας χρήστης δημιουργεί ή ενημερώνει μια σημείωση, ο client του δημιουργεί ένα UUID για αυτήν την ενέργεια. Όταν το WebSocket εκπέμπει την ενημέρωση πίσω σε όλους τους clients, ο αρχικός client αγνοεί την ενημέρωση επειδή ταιριάζει με το δικό του broadcastId.

Αυτό εξασφαλίζει ομαλή αλληλεπίδραση όπου οι χρήστες βλέπουν τις αλλαγές τους αμέσως στο UI χωρίς να περιμένουν την εμπρόσθια-οπισθιά μετάδοση μέσω του διακομιστή, ενώ ταυτόχρονα διασφαλίζεται ότι όλοι οι άλλοι χρήστες λαμβάνουν την ενημέρωση.

Ζωντανή καταμέτρηση χρηστών

Η επάνω γραμμή εμφανίζει τον αριθμό των χρηστών που αυτή τη στιγμή βλέπουν τη σελίδα. Αυτή η καταμέτρηση ενημερώνεται σε πραγματικό χρόνο καθώς οι χρήστες συνδέονται και αποσυνδέονται. Ο αριθμός χρηστών παρέχεται μέσω της ίδιας σύνδεσης WebSocket και αυξομειώνεται αυτόματα βάσει των γεγονότων σύνδεσης και αποσύνδεσης.

Ανθεκτικότητα σύνδεσης

Εάν η σύνδεση WebSocket διακοπεί λόγω προβλημάτων δικτύου ή συντήρησης του διακομιστή, το widget προσπαθεί αυτόματα να επανασυνδεθεί. Κατά τη διάρκεια της περιόδου επανασύνδεσης, οι χρήστες μπορούν να συνεχίσουν να αλληλεπιδρούν με τις υπάρχουσες σημειώσεις, αλλά δεν θα βλέπουν ενημερώσεις σε πραγματικό χρόνο από άλλους χρήστες μέχρι να αποκατασταθεί η σύνδεση.

Μόλις επανασυνδεθεί, το widget επανασυγχρονίζει για να διασφαλίσει ότι δεν χάθηκαν ενημερώσεις. Αυτό συμβαίνει διαφανώς χωρίς να απαιτείται παρέμβαση του χρήστη.

Θέματα εύρους ζώνης

Τα μηνύματα WebSocket είναι ελαφριά και περιέχουν μόνο τις απαραίτητες πληροφορίες που χρειάζονται για τον συγχρονισμό της κατάστασης. Η δημιουργία μιας νέας σημείωσης συνήθως καταναλώνει λιγότερο από 1KB εύρους ζώνης. Το σύστημα περιλαμβάνει επίσης έξυπνη ομαδοποίηση για τη μείωση της συχνότητας των μηνυμάτων κατά τις περιόδους υψηλής δραστηριότητας.

Τα στατιστικά χρήσης σας στον πίνακα ελέγχου FastComments παρακολουθούν τα pubSubMessageCount και pubSubBandwidth ώστε να μπορείτε να επιβλέπετε τη δραστηριότητα συγχρονισμού σε πραγματικό χρόνο στις τοποθεσίες σας.

Συγχρονισμός μεταξύ καρτελών

Εάν ένας χρήστης έχει την ίδια σελίδα ανοιχτή σε πολλαπλές καρτέλες του προγράμματος περιήγησης, οι ενημερώσεις σε μια καρτέλα εμφανίζονται αμέσως στις άλλες καρτέλες. Αυτό λειτουργεί μέσω του ίδιου μηχανισμού συγχρονισμού WebSocket και δεν απαιτεί καμία επιπλέον ρύθμιση.

Ασφάλεια

Τα μηνύματα WebSocket μεταδίδονται μέσω ασφαλών συνδέσεων (WSS) και περιλαμβάνουν tenant validation για να διασφαλιστεί ότι οι χρήστες λαμβάνουν μόνο ενημερώσεις για συνομιλίες που έχουν εξουσιοδότηση να βλέπουν. Ο διακομιστής επικυρώνει όλες τις λειτουργίες πριν τις εκπέμψει για να αποτρέψει μη εξουσιοδοτημένη πρόσβαση ή παραποίηση.

Έχετε ερωτήσεις;

Αυτό ήταν για το FastComments Collab Chat! Αν έχετε οποιεσδήποτε ερωτήσεις, χρειάζεστε βοήθεια με την υλοποίηση ή έχετε προτάσεις για λειτουργίες, παρακαλούμε ενημερώστε μας παρακάτω ή επικοινωνήστε με την ομάδα υποστήριξής μας.

Για ζωντανά παραδείγματα, ρίξτε μια ματιά στο Govscent.org που χρησιμοποιεί το Collab Chat σε παραγωγή.