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
Функции SSR, поддерживаемые FastComments

Использование 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 является необходимость перезагружать страницу при небольших изменениях состояния.

Функции SSR, поддерживаемые FastComments 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 включён по умолчанию как запасной вариант в плагине WordPress для пользователей с отключённым JS, начиная с версии 3.10.2.

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

В уже существующее приложение можно добавить SSR с помощью следующего примера, при условии, что язык используется PHP:

Пример SSR на 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

Мы также можем показывать интерфейс SSR только в случае, если у пользователя отключён JS:

Пример резервного SSR на 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

Для примера с использованием SSO, см. здесь.

С предварительно отрендеренным контентом

Наш блог генерируется во время сборки и содержит хороший пример SSR с Handlebars.

Базовые параметры

Базовые параметры, которые нужно передать:

  • tenantId - Это идентифицирует вас как клиента.
  • urlId - Определяет страницу или статью, для которой загружаются комментарии, и место их сохранения.
  • url - Используется для уведомлений и связанных функций, чтобы ссылаться обратно на поток комментариев.

Пользовательские стили

SSR-версия виджета комментариев использует ту же структуру и движок рендеринга, что и JavaScript-версия.

Следовательно, все пользовательские стили, которые работают для JavaScript-виджета комментариев, работают и для SSR.

Примечания

При SSR отсутствует JavaScript, управляющий высотой отрендеренного контейнера. В браузерах для длинных обсуждений может появляться вертикальная полоса прокрутки.

Соответственно, вам нужно настроить это по своему усмотрению.

Внести вклад в это руководство