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, или деактивирането му е предпочитана практика. Тук 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, вижте тук.

С предварително генерирано съдържание

Блогът ни се генерира по време на сборка и предоставя добър пример за SSR с Handlebars.

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

Основните параметри, които трябва да подадете, са:

  • tenantId - Това ви идентифицира като клиент.
  • urlId - Това идентифицира страницата или статията, за която да се заредят коментарите, и определя къде те се запазват.
  • url - Това се използва за известия и свързани функции за връщане към нишката с коментари.

Персонализирано оформление

SSR версията на коментарния widget използва същата структура и рендеринг двигател като JavaScript версията.

Следователно, всички персонализирани стилове, които работят за JavaScript widget-а за коментари, работят и за SSR.

Бележки

При SSR няма JavaScript, който да контролира височината на рендерирания контейнер. В браузърите може да се покаже вертикална лента за превъртане при дълги дискусии.

Следователно трябва да настроите това според желанията си.

Допринеси към това ръководство