FastComments.com

Menu Icon

Језик 🇧🇦 Српски (БиХ)
🇺🇸 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

Позадина

Шта је SSR?
Предности SSR-а
Подржане функције FastComments SSR-а

Коришћење SSR-а

Примјери употребе
Гдје FastComments користи SSR
Коришћење SSR-а

Шта је SSR? Internal Link

SSR, ili renderovanje na serverskoj strani, je mehanizam i skup konvencija pri kojem se aplikacija ili sadržaj renderuje uz minimalan angažman klijenta.

Sa SSR-om, klijent ne izvršava JavaScript. Umjesto toga, klijent prikazuje HTML/CSS koji je "renderovan" od strane servera.

Предности SSR-а Internal Link

Једна од главних предности SSR је што JavaScript није потребан. Због тога, апликације се могу направити тако да у многим случајевима делују "лаке".

Поред тога, SSR се може користити као резервна опција у случају да корисник има онемогућен JavaScript. На овај начин теме коментара се и даље могу приказивати, и корисник и даље може одговарати на коментаре.

FastComments је већ добро оптимизован, па у већини случајева SSR није потребан. Међутим, неке онлајн заједнице имају кориснике који не користе JavaScript, или је онемогућавање JavaScript-а пожељна пракса. Овде FastComments SSR може бити користан.

Међутим, главни компромис код SSR-а је то што је потребно поново учитати страницу за мале промјене стања.

Подржане функције FastComments SSR-а Internal Link

FastComments podržava sljedeće mogućnosti sa SSR-om:

  • Prilagodljiv vidžet za komentare.
  • Anonimno komentarisanje.
  • Komentarisanje dok ste prijavljeni.
  • SSO.
  • Glavni i ugnježdeni odgovori.
  • Pregled i paginacija nitova komentara.
  • Glasanje, uključujući anonimno glasanje.
  • Promjena podrazumijevanog smjera sortiranja.

Primjer

Primjer FastComments SSR-a je dostupan ovdje.

FastComments SSR
External Link

Примјери употребе Internal Link

Примери употребе SSR-а су следећи:

  • Резервна опција за када је JavaScript онемогућен.
  • Да би се приказао интерфејс коментара у окружењу гдје JavaScript није доступан или није жељен.
  • За сајтове или онлајн заједнице гдје се не жели додатни JavaScript.

Гдје FastComments користи SSR Internal Link

FastComments користи SSR на следећим местима:

  • Наш WordPress додатак подразумевано користи SSR као резерву. Ако је JavaScript онемогућен, корисници и даље могу коментарисати на вашем блогу.
  • Користимо га као резерву на нашем блогу! https://blog.fastcomments.com

Коришћење SSR-а Internal Link

Да бисте користили FastComments SSR, клијент може преузети HTML са https://fastcomments.com/ssr/comments крајње тачке.

Ово се може урадити на неколико начина.

Са WordPress-ом

SSR је омогућен по дифолту за кориснике који немају омогућен JS као резервна опција у WordPress додатку од верзије 3.10.2.

У веб-страници

У већ постојећој апликацији, SSR се може додати помоћу слиједећег примјера, под условом да је кориштени језик PHP:

PHP-примјер за SSR
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

Такође можемо приказивати SSR кориснички интерфејс само када корисник има онемогућен JS:

PHP-примјер за резервни режим SSR
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

За примјер који користи SSO, погледајте овдје.

Са унапред рендерованим садржајем

Наш блог се генерише током процеса изградње и пружа добар примјер SSR-а са Handlebars.

Основни параметри

Основни параметри које треба прослиједити су:

  • tenantId - Ово вас идентификује као клијента.
  • urlId - Ово идентификује страницу или чланак за које се учитавају коментари, и дефинише гдје се чувају.
  • url - Ово се користи за обавијештења и сродне функције како би се везало назад на нит коментара.

Прилагођени стилови

SSR верзија коментарског видџета користи исту структуру и рендеринг мотор као и JavaScript верзија.

Дакле, сав прилагођени стил који ради за JavaScript видџет за коментаре ради и за SSR.

Напомене

Код SSR-а нема JavaScript-а који контролише висину исцртаног контејнера. У прегледачима се може појавити вертикална трака за скроловање за дуге дискусије.

Стога, морате то прилагодити по потреби.

Допринесите овом водичу