FastComments.com Blog

Fri Jan 21 2022
...

FastComments objavlja prikazovanje na strežniku

! Ta članek vsebuje tehnično terminologijo

Kaj je novega

Od lansiranja v začetku leta 2020, FastComments uporablja izključno JavaScript za upodabljanje pripomočka za komentiranje.

Kaj, če vam povemo, da lahko imate skoraj vse iste bistvene funkcionalnosti, vendar brez uporabe JS?

To je posnetek zaslona, ne poskušajte ga klikniti.
SSR Demo

Zgornji posnetek zaslona prikazuje pripomoček za komentiranje FastComments, brez JavaScripta. To stran si lahko ogledate brez JavaScripta, tukaj.

Kako ga uporabiti

Če uporabljate WordPress, različica vtičnika FastComments 3.10.1 samodejno doda podporo za SSR kot reševanje za uporabnike, ki brskajo z onemogočenim JS.

Za prilagojene implementacije pridobite uporabniški vmesnik za komentarje, enostavno pokličite /ssr/comments za to stran:

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

Kjer je $urlId url ali id strani. Dokumentacija o tem je tukaj.

Na primer, s PHP lahko pošljemo iframe na stran, ki prikaže nit komentarjev znotraj:

PHP Primer za SSR
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

Lahko bi tudi izvedli klic API za pridobitev HTML za nit komentarjev in ga prikazali ali shranili.

Popolna dokumentacija je na voljo v SSR dokumentaciji na docs.fastcomments.com.

SSO

Ker imamo radi podjetniško zveneče akronime, ne skrbite, SSR podpira SSO. Primer enotnega prijavljanja z SSR je tukaj.

Lokalizacija

SSR-endpoint samodejno lokalizira odgovor na podlagi jezikovnih glav, ki jih brskalnik pošlje. Prav tako lahko uporablja iste lokalizacijske nadomestke kot pripomoček, temelječ na JavaScriptu.

Zakaj je bilo to zgrajeno

Ena glavnih pritožb o storitvah, kot je FastComments, je, da zahtevajo JS. Naš pripomoček za komentiranje že poskušamo narediti čim bolj pregleden in zagotoviti, da izpolnjujemo naše SLA za klice API, ki so < 20ms, toda mnoge manjše skupnosti ne bodo izbrale take rešitve, če to pomeni dodajanje JS na njihovo stran.

To prav tako odpre priložnost za uporabo renderirnih motorjev, ki nimajo dostopa do JavaScripta.

Tehnologija

FastComments uporablja svoj majhen mikrookvir za upodabljanje uporabniškega vmesnika. Ta okvir uporablja podoben pristop kot React, razen da so dovoljene ročne manipulacije DOM zunaj začetnega upodabljanja.

Glavna knjižnica pripomočka za komentiranje ima eno samo vstopno točko - vzame niz stanja in ustvari rezultatni HTML in CSS, ki naj se upodobita. To enostavno poklicamo tudi na strežniku. Ko uporabnik interagira s stranjo, se stanje spremeni in naloži se najnovejši HTML. To je bilo zgrajeno kot rezultat hackathona, ki se je zgodil kot del novega leta.

Živahno komentiranje

Ker je uporabniški vmesnik upodobljen na strežniku, enkrat, funkcije živega komentiranja trenutno niso na voljo.

Poleg tega obvestilni zvonček trenutno ni na voljo. V prihodnosti bomo odprti za dodajanje te funkcije.

Uspešnost

Uporabniški vmesnik, ki ga upodablja strežnik, uporablja iste optimizacije shranjevanja in motor upodabljanja kot pripomoček, temelječ na JavaScriptu. Pri manjših nitih komentarjev je uspešnost dejansko boljša, saj uporabnik ne mora prenesti skripte, ki nato pridobi komentarje in upodablja uporabniški vmesnik.

Pajki in SEO

FastComments že dobro deluje s spletnimi pajki; če je SEO zaskrbljenost, uporaba SSR ni obvezna.

Prihodnje aplikacije

Načrtujemo lansiranje rešitve za forum v prihodnosti. Tradicionalno so forumi paginirani in upodobljeni na strežniku. Moderna spletna rešitev foruma odstopa od te norme z neskončnim pomikanjem in upodabljanjem na strani odjemalca. Ne menimo, da bi to morala biti edina možnost za uporabo rešitve foruma tretjih oseb.

Na koncu

Upamo, da ste našli ta vodnik koristen in enostaven za branje. Ne oklevajte in komentirajte spodaj z morebitnimi vprašanji.

Na zdravje!