FastComments.com

Menu Icon

Jezik 🇷🇸 Srpski (Latinica)
🇺🇸 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

Pozadina

Šta je SSR?
Prednosti SSR-a
Podržane funkcije SSR-a u FastComments

Korišćenje SSR-a

Slučajevi upotrebe
Gde FastComments koristi SSR
Korišćenje SSR-a

Šta je SSR? Internal Link

SSR, ili Server-Side-Rendering, je mehanizam i skup konvencija gde se aplikacija ili sadržaj renderuje uz minimalan rad klijenta.

Sa SSR-om, klijent ne izvršava JavaScript. Umesto toga, klijent prikazuje HTML/CSS koji je "renderovan" od strane servera.

Prednosti SSR-a Internal Link

Velika prednost SSR-a je to što JavaScript nije potreban. Zbog toga se aplikacije mogu graditi da deluju "lakše" u mnogim slučajevima upotrebe.

Pored toga, SSR se može koristiti kao rezervna opcija u slučaju da korisnik ima onemogućen JavaScript. Na ovaj način niti komentara se i dalje mogu prikazati, i korisnik i dalje može da odgovori na komentare.

FastComments je već dobro optimizovan, tako da u većini slučajeva SSR nije neophodan. Međutim, neke onlajn zajednice imaju korisnike koji ne koriste JavaScript, ili onemogućavanje je preferirana praksa. Ovo je mesto gde FastComments SSR može biti koristan.

Međutim, glavni kompromis kod SSR-a je što je potrebno ponovo učitavanje stranice zbog malih promena stanja.

Podržane funkcije SSR-a u FastComments Internal Link

FastComments podržava sledeće funkcije sa SSR:

  • Prilagodljiv widget za komentare.
  • Anonimno komentarisanje.
  • Komentarisanje dok ste prijavljeni.
  • SSO.
  • Korenski i ugnježdeni odgovori.
  • Pregled i paginacija niti komentara.
  • Glasanje, uključujući anonimno glasanje.
  • Promena podrazumevanog smera sortiranja.

Primer

Primer FastComments SSR-a je dostupan ovde.

FastComments SSR
External Link

Slučajevi upotrebe Internal Link

Primeri upotrebe SSR su sledeći:

  • Rezervno rešenje za slučaj kada je JavaScript onemogućen.
  • Za prikaz interfejsa za komentare u okruženju gde JavaScript nije dostupan ili nije poželjan.
  • Za sajtove ili online zajednice gde uključivanje dodatnog JavaScript nije poželjno.

Gde FastComments koristi SSR Internal Link

FastComments koristi SSR na sledećim mestima:

  • Naš WordPress plugin po podrazumevanju koristi SSR kao fallback. Ako je JavaScript onemogućen, korisnici i dalje mogu da ostavljaju komentare na vašem blogu.
  • Koristimo ga kao fallback i na našem Blogu! https://blog.fastcomments.com

Korišćenje SSR-a Internal Link

Da biste koristili FastComments SSR, klijent može da preuzme HTML sa https://fastcomments.com/ssr/comments krajnje tačke.

Ovo se može uraditi na više načina.

Sa WordPress-om

SSR je omogućen po defaultu za korisnike koji imaju isključen JS, kao rezervna opcija u WordPress dodatku od verzije 3.10.2.

Na web stranici

Za već postojeću aplikaciju, SSR se može dodati pomoću sledećeg primera, pod pretpostavkom da je korišćen PHP:

Primer SSR-a zasnovan na PHP-u
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

Takođe možemo prikazati SSR UI samo kada korisnik ima isključen JS:

Primer rezervne SSR implementacije zasnovane na PHP-u
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

Za primer koji koristi SSO, pogledajte ovde.

Sa prethodno renderovanim sadržajem

Naš blog se generiše tokom izgradnje i pruža dobar primer SSR-a sa Handlebars.

Osnovni parametri

Osnovni parametri koje treba proslediti su:

  • tenantId - Ovo vas identifikuje kao kupca.
  • urlId - Ovo identifikuje stranicu ili članak za koji se učitavaju komentari i definiše gde se oni čuvaju.
  • url - Ovo se koristi za obaveštenja i povezane funkcije da vrati link na nit komentara.

Prilagođavanje stila

SSR verzija widgeta za komentare koristi istu strukturu i engine za renderovanje kao i JavaScript verzija.

Prema tome, sav prilagođeni stil koji radi za JavaScript widget za komentare radi i za SSR.

Napomene

Sa SSR-om nema JavaScripta koji kontroliše visinu renderovanog kontejnera. U pregledačima se može pojaviti vertikalni scrollbar za duge diskusije.

Stoga, ovo morate podesiti po potrebi.

Doprinesite ovom vodiču