
Sprog 🇩🇰 Dansk
Kom i gang
Dokumentation
Brug
FastComments React Native Library
Dette er det officielle React Native-bibliotek til FastComments.
FastComments-kommenteringswidgets til React Native
Repository
Installation 
npm install react-native-webview@13.6.4 --save
npm install fastcomments-react-native --save
Bemærk: Fra juli 2024 ser det ud til, at react-native-webview har en fejl, så det er bedst at låse til 13.6.4 - brug ikke ^ for at få den seneste patchversion.
Overvej det native SDK 
Dette bibliotek bruger en webview omkring VanillaJS-biblioteket.
FastComments understøtter nu en fuldstændig native-implementering af vores klient som en del af fastcomments-react-native-sdk. Hvis du ønsker en fuldstændig native-implementering, kan du kigge der.
Brug - Live-kommentar-widget 
API'en er en smule anderledes sammenlignet med fastcomments-react. Med native sender vi et config-objekt, som følger denne struktur.
import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Dit tenant-id. Kan hentes fra https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ID'et eller URL'en for kommentartråden i din app.
const myAppPageUrl = 'https://example.com/external-page'; // du kan valgfrit angive en URL til en ekstern side
const myAppPageTitle = 'Example Title'; // ... og du vil sandsynligvis gerne have en titel til dette indhold
const [config, setConfig] = useState({
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
});
// Ved at kalde setConfig() kan vi for eksempel ændre den aktuelle side eller den aktuelt loggede bruger
// Se example/src/App.tsx
return (
<FastCommentsCommentWidget config={config}/>
);
Brug - Live-chat-widget 
import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Dit tenant-id. Kan hentes fra https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ID'et eller URL'en for kommentertråden i din app.
const myAppPageUrl = 'https://example.com/external-page'; // du kan valgfrit angive en URL til en ekstern side
const myAppPageTitle = 'Example Title'; // ... og du vil sandsynligvis ønske en titel til dette indhold
const config = {
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
};
return (
<FastCommentsLiveChatWidget config={config}/>
);
Brug - SSO 
FastComments bruger HMAC til sikker SSO. For at bruge det, lad din backend oprette SSO-objektet (sso konfigurationsindstilling) og videregive det
til kommentar-widgeten.
Du kan finde eksempler for forskellige backends her: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso
Brug for hjælp?
Hvis du støder på problemer eller har spørgsmål om React Native-biblioteket, så:
Bidrag
Bidrag er velkomne! Besøg venligst GitHub-repositoriet for retningslinjer for bidrag.