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

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

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

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

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

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

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

Функције FastComments које подржава SSR Internal Link

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

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

Пример

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

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, погледајте овде.

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

Наш блог се генерише у току build-а, и пружа добар пример SSR-а са Handlebars.

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

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

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

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

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

Стога, сви прилагођени стилови који функционишу за JavaScript видгет за коментаре, функционишу и за SSR.

Напомене

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

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

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