React Native FastComments Components
npm install fastcomments-react-nativeFastComments React Native Wrapper
``sh`
npm install react-native-webview@13.6.4 --save
npm install fastcomments-react-native --save
Note: As of July 2024 it seems react-native-webview has a bug, so it's best to pin to 13.6.4 - don't use ^ to get the latest patch version.
This library uses a webview around the VanillaJS library.
FastComments now supports a completely native implementation of our client as part of fastcomments-react-native-sdk.
If you want a completely native implementation you may want to look there.
The API is slightly different compared to fastcomments-react. With native, we pass a config object which follows this structure.
`js
import { FastCommentsCommentWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Your tenant id. Can be fetched from https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // the ID or URL of the comment thread in your app.
const myAppPageUrl = 'https://example.com/external-page'; // you can optional set a url to an external page
const myAppPageTitle = 'Example Title'; // ... and you probably want a title for this content
const [config, setConfig] = useState({
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
});
// by calling setConfig(), we can do things like change the current page, or the currently logged in user
// See example/src/App.tsx
return (
);
`
`js
import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';
// ...
const myTenantId = 'demo'; // Your tenant id. Can be fetched from https://fastcomments.com/auth/my-account/api-secret
const myAppPageId = 'native-test'; // the ID or URL of the comment thread in your app.
const myAppPageUrl = 'https://example.com/external-page'; // you can optional set a url to an external page
const myAppPageTitle = 'Example Title'; // ... and you probably want a title for this content
const config = {
tenantId: myTenantId,
urlId: myAppPageId,
url: myAppPageUrl,
pageTitle: myAppPageTitle
};
return (
);
`
FastComments uses HMAC for Secure SSO. To use, have your backend create the SSO object (sso config property) and pass it
to the comment widget.
You can find examples for various backends, here: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso
fastcomments-react-native requires react-native-webview. As such, you should follow the installation steps for react-native-webview.
If your account is located in the EU, set region = 'eu' in the widget configuration.region`.
Otherwise, you do not have to define
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT