
Jezik 🇭🇷 Hrvatski
Početak
Dokumentacija
Upotreba
Add Comment Widgets to Your React Native App
Ovo je službena React Native biblioteka za FastComments.
FastComments widgeti za komentiranje za React Native
Repozitorij
Instalacija 
npm install react-native-webview@13.6.4 --save
npm install fastcomments-react-native --save
Napomena: Od srpnja 2024. čini se da react-native-webview ima grešku, pa je najbolje zaključati verziju na 13.6.4 - nemojte koristiti ^ za dobivanje najnovije patch verzije.
Razmotrite nativni SDK 
Ova biblioteka koristi webview kao omotač oko knjižnice VanillaJS.
FastComments sada podržava potpuno nativnu implementaciju našeg klijenta kao dio fastcomments-react-native-sdk. Ako želite potpuno nativnu implementaciju, možda biste htjeli pogledati tamo.
Upotreba - widget za komentare uživo 
API je nešto drugačiji u odnosu na fastcomments-react. U native verziji prosljeđujemo konfiguracijski objekt koji slijedi ovu strukturu.
import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Vaš tenant id. Može se dohvatiti s https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ID ili URL niti komentara u vašoj aplikaciji.
const myAppPageUrl = 'https://example.com/external-page'; // možete opcionalno postaviti URL na vanjsku stranicu
const myAppPageTitle = 'Example Title'; // ... i vjerojatno želite naslov za ovaj sadržaj
const [config, setConfig] = useState({
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
});
// pozivom setConfig() možemo raditi stvari poput promjene trenutne stranice ili trenutno prijavljenog korisnika
// Pogledajte example/src/App.tsx
return (
<FastCommentsCommentWidget config={config}/>
);
Upotreba - widget za chat uživo 
import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Vaš tenant id. Može se dohvatiti s https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ID ili URL niti komentara u vašoj aplikaciji.
const myAppPageUrl = 'https://example.com/external-page'; // Opcionalno možete postaviti URL na vanjsku stranicu
const myAppPageTitle = 'Example Title'; // ... i vjerojatno želite naslov za ovaj sadržaj
const config = {
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
};
return (
<FastCommentsLiveChatWidget config={config}/>
);
Upotreba - SSO 
FastComments koristi HMAC za siguran SSO. Da biste ga koristili, neka vaš backend stvori SSO objekt (sso konfiguracijsko svojstvo) i proslijedi ga
widgetu za komentare.
Primjere za različite backende možete pronaći ovdje: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso
Peer ovisnosti 
fastcomments-react-native zahtijeva react-native-webview. Stoga biste trebali slijediti korake instalacije za react-native-webview.
Regija računa (PAŽNJA: kupci iz EU)
Ako se vaš račun nalazi u EU, postavite region = 'eu' u konfiguraciji widgeta.
U suprotnom, ne morate definirati region.
Trebate pomoć?
Ako naiđete na bilo kakve probleme ili imate pitanja u vezi s React Native bibliotekom, molimo:
Doprinosi
Doprinosi su dobrodošli! Molimo posjetite GitHub repozitorij za smjernice za doprinos.