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, или Server-Side-Rendering, је механизам и скуп конвенција у којима се апликација или садржај рендерује уз минималан посао од стране клијента.

Са SSR-ом, клијент не извршава JavaScript. Умјесто тога, клијент приказује HTML/CSS који је био "рендерован" од сервера.

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

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

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

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

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

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

FastComments подржава следеће функције са SSR-ом:

  • Прилагодљив виџет за коментаре.
  • Анонимни коментари.
  • Коментарисање када је корисник пријављен.
  • SSO.
  • Одговори на основном нивоу и угнеждени одговори.
  • Преглед и пагинација нити коментара.
  • Гласање, укључујући и анонимно гласање.
  • Промена подразумеваног смера сортирања.

Пример

Пример FastComments SSR-а је доступан овде.

FastComments SSR
External Link

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

Primjeri upotrebe SSR-a su sljedeći:

  • Rezervna opcija za slučaj kada je JavaScript onemogućen.
  • Za renderovanje interfejsa za komentare u okruženju gdje JavaScript nije dostupan ili nije poželjan.
  • Za sajtove ili online zajednice gdje uključivanje dodatnog JavaScripta nije poželjno.

Гдје 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-а који контролише висину рендерованог контејнера. У прегледачима се за дуге дискусије може појавити вертикална трака за скроловање.

Стога морате прилагодити ово по жељи.

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