FastComments.com

Menu Icon

Jezik 🇭🇷 Hrvatski
🇺🇸 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

Što je SSR?
Prednosti SSR-a
Značajke podržane u FastComments SSR-u

Korištenje SSR-a

Primjeri upotrebe
Gdje FastComments koristi SSR
Korištenje SSR-a

Što je SSR? Internal Link

SSR, odnosno Server-Side-Rendering, je mehanizam i skup konvencija u kojima se aplikacija ili sadržaj renderira s minimalnim radom klijenta.

Kod SSR-a, klijent ne izvršava JavaScript. Umjesto toga, klijent renderira HTML/CSS koji je "renderirao" poslužitelj.

Prednosti SSR-a Internal Link

Glavna prednost SSR-a je što JavaScript nije potreban. Zbog toga se aplikacije mogu izgraditi tako da se u mnogim slučajevima osjećaju "lakšima".

Osim toga, SSR se može koristiti kao zamjena u slučaju da je korisniku onemogućen JavaScript. Na taj način niti komentara se i dalje mogu prikazati, a korisnik još uvijek može odgovoriti na komentare.

FastComments je već dobro optimiziran, pa u većini slučajeva SSR nije potreban. Međutim, neke online zajednice imaju korisnike koji ne koriste JavaScript, ili je onemogućavanje JavaScript-a preferirana praksa. Tu FastComments SSR može biti koristan.

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

Značajke podržane u FastComments SSR-u Internal Link

FastComments podržava sljedeće značajke uz SSR:

  • Prilagodljivi widget za komentare.
  • Anonimno komentiranje.
  • Komentiranje dok ste prijavljeni.
  • SSO.
  • Glavni i ugniježđeni odgovori.
  • Pregled i paginacija niti komentara.
  • Glasanje, uključujući anonimno glasanje.
  • Promjena zadanog smjera sortiranja.

Primjer

Primjer FastComments SSR-a dostupan je ovdje.

FastComments SSR
External Link

Primjeri upotrebe Internal Link

Primjeri upotrebe SSR-a su sljedeći:

  • Rezervna opcija za slučajeve kada je JavaScript onemogućen.
  • Za prikaz sučelja za komentare u okruženju gdje JavaScript nije dostupan ili nije poželjan.
  • Za web-stranice ili online zajednice u kojima nije poželjno dodavanje dodatnog JavaScripta.

Gdje FastComments koristi SSR Internal Link

FastComments koristi SSR na sljedećim mjestima:

  • Naš WordPress dodatak koristi SSR kao rezervnu opciju prema zadanim postavkama. Ako je JavaScript onemogućen, korisnici i dalje mogu komentirati na vašem blogu.
  • Koristimo ga kao rezervnu opciju i na našem vlastitom Blogu! https://blog.fastcomments.com

Korištenje SSR-a Internal Link

Za korištenje FastComments SSR-a, klijent može dohvatiti HTML s endpointa https://fastcomments.com/ssr/comments.

To se može učiniti na nekoliko načina.

S WordPressom

SSR je omogućen prema zadanim postavkama kao rezervna opcija (fallback) za korisnike koji nemaju omogućeni JS u WordPress dodatku od verzije 3.10.2.

Na web-stranici

U već postojećoj aplikaciji, SSR se može dodati koristeći sljedeći primjer, pod pretpostavkom da je korišteni jezik PHP:

Primjer SSR-a temeljeno 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đer možemo prikazati SSR korisničko sučelje samo kada korisnik ima onemogućen JS:

Primjer fallback rezervne SSR implementacije temeljene 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 primjer koji koristi SSO, pogledajte ovdje.

S unaprijed renderiranim sadržajem

Naš blog se generira u vrijeme buildanja, i pruža dobar primjer SSR-a s Handlebars.

Osnovni parametri

Osnovni parametri koje morate proslijediti su:

  • tenantId - Ovo vas identificira kao klijenta.
  • urlId - Ovo identificira stranicu ili članak za koji će se učitati komentari i određuje gdje se pohranjuju.
  • url - Koristi se za obavijesti i srodne značajke kako bi se povezalo natrag na nit komentara.

Prilagođeno stiliziranje

SSR verzija komentarskog widgeta koristi istu strukturu i mehanizam renderiranja kao JavaScript verzija.

Stoga, svi prilagođeni stilovi koji funkcioniraju za JavaScript komentarski widget funkcioniraju i za SSR.

Napomene

S SSR-om nema JavaScripta koji kontrolira visinu renderiranog kontejnera. U preglednicima može se pojaviti vertikalni klizač za duge rasprave.

Stoga, morate po potrebi prilagoditi ovo prema želji.

Doprinesite ovom vodiču