FastComments.com

Menu Icon

Język 🇵🇱 Polski
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Tło

Czym jest SSR?
Korzyści z SSR
Funkcje SSR obsługiwane przez FastComments

Korzystanie z SSR

Przypadki użycia
Gdzie FastComments stosuje SSR
Korzystanie z SSR

Czym jest SSR? Internal Link

SSR, czyli renderowanie po stronie serwera, to mechanizm i zbiór konwencji, w których aplikacja lub treść jest renderowana z minimalnym wkładem po stronie klienta.

W przypadku SSR klient nie wykonuje JavaScriptu. Zamiast tego klient renderuje HTML/CSS, które zostały "wyrenderowane" przez serwer.

Korzyści z SSR Internal Link

Główną zaletą SSR jest to, że JavaScript nie jest wymagany. Dzięki temu aplikacje mogą być zbudowane tak, by w wielu przypadkach sprawiać wrażenie "lżejsze".

Dodatkowo SSR może być użyty jako rozwiązanie zapasowe w przypadku, gdy użytkownik ma wyłączony JavaScript. W ten sposób wątki komentarzy nadal mogą się renderować, a użytkownik może nadal odpowiadać na komentarze.

FastComments jest już dobrze zoptymalizowany, więc w większości przypadków SSR nie jest konieczny. Jednak niektóre społeczności internetowe mają użytkowników, którzy nie używają JavaScriptu, lub wyłączenie go jest preferowaną praktyką. Tutaj SSR FastComments może być przydatny.

Jednak głównym kompromisem związanym z SSR jest konieczność przeładowania strony przy niewielkich zmianach stanu.

Funkcje SSR obsługiwane przez FastComments Internal Link

FastComments obsługuje następujące funkcje w trybie SSR:

  • Konfigurowalny widżet komentarzy.
  • Anonimowe komentowanie.
  • Komentowanie jako zalogowany użytkownik.
  • SSO.
  • Odpowiedzi główne i zagnieżdżone.
  • Przeglądanie i stronicowanie wątków komentarzy.
  • Głosowanie, w tym głosowanie anonimowe.
  • Zmiana domyślnego kierunku sortowania.

Przykład

Przykład FastComments SSR jest dostępny tutaj.

FastComments SSR
External Link

Przypadki użycia Internal Link

Przykłady zastosowań SSR są następujące:

  • Rozwiązanie zapasowe na wypadek, gdy JavaScript jest wyłączony.
  • Do renderowania interfejsu komentarzy w środowisku, w którym JavaScript nie jest dostępny lub nie jest pożądany.
  • Dla stron lub społeczności internetowych, w których dodanie większej ilości JavaScript nie jest pożądane.

Gdzie FastComments stosuje SSR Internal Link

FastComments używa SSR w następujących miejscach:

  • Nasza wtyczka do WordPressa domyślnie używa SSR jako rozwiązania zapasowego. Jeśli JavaScript jest wyłączony, użytkownicy nadal mogą komentować na twoim blogu.
  • Używamy go jako rozwiązania zapasowego również na naszym własnym blogu! https://blog.fastcomments.com

Korzystanie z SSR Internal Link

Aby użyć FastComments SSR, klient może pobrać HTML z punktu końcowego https://fastcomments.com/ssr/comments.

Można to zrobić na kilka sposobów.

Z WordPressem

SSR jest domyślnie włączony jako rozwiązanie zapasowe dla użytkowników bez włączonego JS w wtyczce WordPress od wersji 3.10.2.

Na stronie internetowej

W istniejącej aplikacji SSR można dodać przy użyciu następującego przykładu, zakładając, że używany język to PHP:

Przykład SSR oparty na PHP
Copy Copy
1
2<?php
3$tenantId = rawurlencode("my-tenant-id");
4$urlId = rawurlencode("my-page-url-article-id");
5$url = rawurlencode("my-page-url");
6
7$fastcomments_url = "https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url";
8?>
9<iframe
10 src="<?php echo $fastcomments_url; ?>"
11 horizontalscrolling="no"
12 allowtransparency="true"
13 frameborder="0"
14 title="FastComments"
15 width="100%"
16 height="1500px"
17 style= "width: 1px !important; min-width: 100% !important; border: none !important; overflow: hidden !important;"
18></iframe>
19

Możemy również wyświetlić interfejs SSR tylko wtedy, gdy użytkownik ma wyłączony JS:

Przykład zapasowy SSR oparty na PHP
Copy Copy
1
2<?php
3$tenantId = rawurlencode("my-tenant-id");
4$urlId = rawurlencode("my-page-url-article-id");
5$url = rawurlencode("my-page-url");
6
7$fastcomments_url = "https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url";
8?>
9<noscript>
10 <iframe
11 src="<?php echo $fastcomments_url; ?>"
12 horizontalscrolling="no"
13 allowtransparency="true"
14 frameborder="0"
15 title="FastComments"
16 width="100%"
17 height="1500px"
18 style= "width: 1px !important; min-width: 100% !important; border: none !important; overflow: hidden !important;"
19 ></iframe>
20</noscript>
21

Aby zobaczyć przykład użycia SSO, zobacz tutaj.

Z wstępnie renderowaną treścią

Nasz blog jest generowany podczas procesu budowania i zawiera dobry przykład SSR z użyciem Handlebars.

Podstawowe parametry

Podstawowe parametry, które należy przekazać, to:

  • tenantId - To identyfikuje Cię jako klienta.
  • urlId - To identyfikuje stronę lub artykuł, dla którego mają być załadowane komentarze, i określa miejsce, gdzie są zapisywane.
  • url - Służy do powiadomień i powiązanych funkcji, by odnieść się z powrotem do wątku komentarzy.

Niestandardowe style

Wersja SSR widżetu komentarzy używa tej samej struktury i silnika renderującego co wersja JavaScript.

W związku z tym wszystkie niestandardowe style działające dla widżetu komentarzy w JavaScript działają także dla SSR.

Uwagi

W przypadku SSR nie ma JavaScriptu, który kontrolowałby wysokość renderowanego kontenera. W przeglądarkach dla długich dyskusji może pojawić się pionowy pasek przewijania.

W związku z tym należy to dostosować według potrzeb.

Współtwórz ten przewodnik