FastComments представља серверско рендеровање

! Овај чланак садржи технички жаргон

Шта је ново

Од покретања у раним 2020. години, FastComments је искључиво користио ЈаваСкрипт за рендеровање виџета за коментаре.

Шта ако вам кажемо да можете имати готово исту суштинску функционалност, али без коришћења ЈС-а?

This is a screenshot, stop trying to click it.

Горњи снимак екрана је FastComments виџет за коментаре, без ЈаваСкрипта. Можете видети ову страницу, без ЈаваСкрипта, овде.

Како да га користите

Ако користите WordPress, FastComments додатак верзије 3.10.1 аутоматски дода подршку за SSR као резерву за кориснике који прегледају са онемогућеним ЈС-ом.

За прилагођена решења, преузмите UI за нити коментара, једноставно позовите /ssr/comments за ту страницу:

https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url

Где је $urlId URL или ID странице. Документација за ово је here.

На пример, са PHP-ом можемо послати iframe на страницу који рендерује нити коментара унутар:

PHP-Based SSR Example
<?php
$tenantId = rawurlencode("my-tenant-id");
$urlId = rawurlencode("my-page-url-article-id");
$url = rawurlencode("my-page-url");
$fastcomments_url = "https://fastcomments.com/ssr/comments?tenantId=$tenantId&urlId=$urlId&url=$url";
?>
<iframe
    src="<?php echo $fastcomments_url; ?>"
    horizontalscrolling="no"
    allowtransparency="true"
    frameborder="0"
    title="FastComments"
    width="100%"
    height="1500px"
    style= "width: 1px !important; min-width: 100% !important; border: none !important; overflow: hidden !important;"
></iframe>

Такође можемо направити API позив да добијемо HTML за нити коментара, и рендерујемо, или сачувамо.

Потпуна документација је доступна у SSR Docs at docs.fastcomments.com.

SSO

Пошто волимо акрониме који звуче као из предузећа, не брините, SSR подржава SSO. Пример Single-Sign-On са SSR је овде.

Локализација

SSR-базирани крајњи тачка аутоматски локализује одговор на основу језичких хедерова које шаље прегледач. Такође може користити исте локализационе заменe као ЈаваСкрипт базирани виџет.

Зашто је ово изграђено

Једна од главних притужби на услуге попут FastComments је што захтевају ЈС. Ми већ правимо наш виџет за коментаре што је могуће танкији, и осигуравамо да испуњавамо SLA за API позиве од < 20мс, али многе мање заједнице неће изабрати такво решење ако то значи додавање ЈС-а на њихов сајт.

Ово такође отвара могућност коришћења рендеринг мотора који немају приступ ЈаваСкрипту.

Технологија

FastComments користи сопствени мали микрофрејмворк за рендеровање UI-а. Овај фрејмворк користи сличан приступ као React, осим што су ручне DOM манипулације изван почетног рендера дозвољене.

Главна библиотека виџета за коментаре има један улазни тачку – она узима скуп стања и креира резултујући HTML и CSS за рендеровање. Ми једноставно позивамо ово на серверу такође. Када корисник интерагује са страницом, стање се мења и најновији HTML се преузима. Ово је изграђено као резултат хакатона који се одржао као део нове године.

Живо коментарисање

Пошто UI рендерује сервер, једном, функције живог коментарисања нису доступне.

Такође, обавештајна звоница тренутно није доступна. Бићемо отворени за додавање ове функције у будућности.

Перформансе

Серверски рендеровани UI користи исте оптимизације складиштења и рендеринг мотор као ЈаваСкрипт базирани виџет. За мале нити коментара, перформансе су заправо боље, јер корисник не мора да преузме скрипту која затим преузима коментаре и рендерује UI.

Претраживачи и SEO

FastComments већ добро ради са веб претраживачима; ако је SEO брига, коришћење SSR није потребно.

Будуће примене

Планирамо да у будућности лансирамо решење за Форум. Традиционално, форуми су пагинирани и серверски рендеровани. Савремена решења за Форум се одступају од овог нормала користећи бесконачно скроловање и клијентско рендеровање. Не мислимо да ово мора бити једина опција за коришћење решења трећег лица за Форум.

У закључку

Надамо се да вам је овај водич био користан и лак за читање. Слободно оставите коментар испод са било каквим питањима.

Поздрав!

Fri Jan 21 2022...