
ืฉืคื ๐ฎ๐ฑ ืขืืจืืช
ืืชืืื
ืชืืขืื
ืฉืืืืฉ
FastComments React Native Library
ืืืื ืกืคืจืืืช React Native ืืจืฉืืืช ืฉื FastComments.
ืืืืื'ืืื ืืชืืืืืช ืฉื FastComments ืขืืืจ React Native
ืืืืจ
ืืชืงื ื 
npm install react-native-webview@13.6.4 --save
npm install fastcomments-react-native --save
ืืขืจื: ื ืืื ืืืืื 2024 ื ืจืื ืฉืืฉ ืืื ื-react-native-webview, ืืื ืขืืืฃ ืืงืืข ืืืจืกื 13.6.4 - ืื ืชืฉืชืืฉ ื-^ ืืื ืืงืื ืืช ืืจืกืช ืืคืืฅ' ืืืืจืื ื.
ืฉืงืื ืฉืืืืฉ ื-Native SDK 
ืกืคืจืืื ืื ืืฉืชืืฉืช ื-webview ืฉืืงืืฃ ืืช ืกืคืจืืืช VanillaJS.
FastComments ืืขืช ืชืืืืช ืืืืืืฉ ืืงืืื ืืื ืฉื ืืืงืื ืฉืื ื ืืืืง ื-fastcomments-react-native-sdk.
ืื ืืจืฆืื ื ืืืืืืฉ ืืงืืื ืืื, ืืืื ืืืืืง ืฉื.
ืฉืืืืฉ - ืืืืื'ื ืืชืืืืืช ืืืื ืืืช 
ืืืฉืง ื-API ืฉืื ื ืืืขื ืืืฉืืืื ื-fastcomments-react. ื-native, ืื ื ืืขืืืจืื ืืืืืืงื config ืฉืขืืงื ืืืจื ืืืื ื ืืื.
import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // ืืืื ื-tenant ืฉืื. ื ืืชื ืืืืืจ ืืืชื ื-https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ืืืื ืื ืืชืืืช URL ืฉื ืฉืจืฉืืจ ืืชืืืืืช ืืืคืืืงืฆืื ืฉืื.
const myAppPageUrl = 'https://example.com/external-page'; // ืืืคืฉืจืืชื ืืืืืจ ืืืืืืจ ืืชืืืช URL ืืขืืื ืืืฆืื ื
const myAppPageTitle = 'Example Title'; // ... ืืืืื ืื ืื ืจืื ืชืจืฆื ืืืชืจืช ืืชืืื ืื
const [config, setConfig] = useState({
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
});
// ืขื-ืืื ืงืจืืื ื-setConfig() ืื ืื ื ืืืืืื ืืืฆืข ืคืขืืืืช ืืื ืฉืื ืื ืืืฃ ืื ืืืื, ืื ืืืฉืชืืฉ ืืืืืืจ ืืขืช
// ืจืื example/src/App.tsx
return (
<FastCommentsCommentWidget config={config}/>
);
ืฉืืืืฉ - ืืืืื'ื ืืฆ'ืื ืืืื ืืืช 
import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // ืืืื ืืฉืืืจ ืฉืื. ื ืืชื ืืืฉืื ืืืชื ื https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // ื-ID ืื ื-URL ืฉื ืฉืจืฉืืจ ืืชืืืืืช ืืืคืืืงืฆืื ืฉืื.
const myAppPageUrl = 'https://example.com/external-page'; // ื ืืชื ืืืืคื ืืืคืฆืืื ืื ืืืืืืจ URL ืืืฃ ืืืฆืื ื
const myAppPageTitle = 'Example Title'; // ... ืืืืื ืชืจืฆื ืืืชืจืช ืืชืืื ืื
const config = {
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
};
return (
<FastCommentsLiveChatWidget config={config}/>
);
ืฉืืืืฉ - SSO (ืื ืืกื ืืืืื) 
FastComments ืืฉืชืืฉ ืึพHMAC ืขืืืจ SSO ืืืืืื. ืืื ืืืฉืชืืฉ, ืืงืฆื ืืฉืจืช ืฉืื ืฆืืจ ืืช ืืืืืืงื ืโSSO (ืชืืื ืช ืืชืฆืืจื sso) ืืฉืื ืืืชื
ืืืืืืื'ื ืืชืืืืืช.
ื ืืชื ืืืฆืื ืืืืืืืช ืขืืืจ ืืืืื backend-ืื, ืืื: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso
ืชืืืืืช ืขืืืช 
fastcomments-react-native ืืืจืฉ ืืช react-native-webview. ืืื ืขืืื ืืขืงืื ืืืจื ืฉืืื ืืืชืงื ื ืฉื react-native-webview.
ืืืืจ ืืฉืืื (ืชืฉืืืช ืื: ืืงืืืืช ืืืืืืื ืืืืจืืคื)
ืื ืืืฉืืื ืฉืื ืืืืงื ืืืืืื ืืืืจืืคื, ืืืืจ region = 'eu' ืืชืฆืืจืช ืืืืืื'ื.
ืืืจืช, ืืื ื ืฆืจืื ืืืืืืจ ืืช region.
ืืงืืง ืืขืืจื?
ืืืืื ืื ืชืงืืชื ืืืขืืืช ืื ืืฉ ืืื ืฉืืืืช ืืืื ืกืคืจืืืช React Native, ืื ื:
ืชืจืืื
ืชืจืืืืช ืืชืงืืืืช ืืืจืื! ืืงืจื ืืืืืจ ื-GitHub ืืงืืืช ืื ืืืืช ืืชืจืืื.