FastComments.com
Menu Icon

Језик 🇧🇦 Српски (БиХ)
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇺🇸 English (US) 🇨🇦 Français (Canada) 🇫🇷 Français (France) 🇩🇪 Deutsch 🇨🇾 Ελληνικά (Κύπρος) 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇺🇦 Русский (Украина) 🇧🇦 Српски (БиХ) 🇷🇸 Srpski (Latinica) 🇲🇪 Српски (Црна Гора) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Документација

Уживо приказ
Размотрите нативни SDK
Peer зависности
Статус одржавања

Почетак

Инсталација

Коришћење

Коришћење - Виџет за уживо коментаре
Коришћење - Виџет за уживо чет
Коришћење - SSO

Add Comment Widgets to Your React Native App

Ово је званична React Native библиотека за FastComments.

Уградите коментарисање уживо, ћаскање и видгете за рецензије у вашу React Native апликацију.

Репозиторијум

Погледајте на GitHub

Уживо приказ Internal Link

Да бисте видели све видџете и токове који се покрећу локално против јавног demo тенанта, клонирајте репозиториј и покрените:

yarn bootstrap
cd example
yarn ios       # или: yarn android, yarn web

Улазна тачка приказа је example/src/ShowcaseApp.tsx — једна апликација која приказује све видџете, теме и токове.

Циљ yarn web користи react-native-web + react-native-web-webview (који рендерује WebView као iframe). Корисно за брзе визуелне провјере у прегледачу; WebView API-ји који су доступни само у нативном окружењу као injectJavaScript и onShouldStartLoadWithRequest неће у потпуности радити на вебу.

Инсталација Internal Link

npm

npm install react-native-webview --save
npm install fastcomments-react-native --save

Размотрите нативни SDK Internal Link

Ова библиотека користи webview око VanillaJS библиотеке.

FastComments сада подржава потпуно нативну имплементацију нашег клијента као део fastcomments-react-native-sdk. Ако желите потпуно нативну имплементацију, можда бисте желели да погледате тај пројекат.

Коришћење - Виџет за уживо коментаре Internal Link

API је благо другачији у поређењу са fastcomments-react. У нативној верзији прослеђујемо конфигурациони објекат који прати ову структуру.

import { FastCommentsCommentWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // Ваш tenant id. Може се преузети са 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, setConfig] = useState({
    tenantId: myTenantId,
    urlId: myAppPageId,
    url: myAppPageUrl,
    pageTitle: myAppPageTitle
  });

  // позивањем setConfig(), можемо радити ствари попут промене тренутне странице или тренутно пријављеног корисника
  // Погледајте example/src/App.tsx

  return (
      <FastCommentsCommentWidget config={config}/>
  );

Коришћење - Виџет за уживо чет Internal Link

import { FastCommentsLiveChatWidget } from 'fastcomments-react-native';

// ...

  const myTenantId = 'demo'; // Ваш tenant id. Може се преузети са 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 Internal Link

FastComments користи HMAC за сигуран SSO. Да бисте користили, нека ваш бекенд креира SSO објекат (sso конфигурационо својство) и проследи га коментарском виџету.

Примјере за различите бекенде можете пронаћи овдје: https://github.com/FastComments/fastcomments-code-examples/tree/master/sso

Peer зависности Internal Link

fastcomments-react-native захтева react-native-webview. Стога треба да пратите кораке инсталације за react-native-webview.

Регија налога (ПАЖЊА: корисници из ЕУ)

Ако је ваш налог смештен у ЕУ, подесите region = 'eu' у конфигурацији видгета.

У супротном, не морате дефинисати region.

Статус одржавања Internal Link

Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (поправити грешке, додати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко вријеме, то не значи да FastComments није у активној развоју! Слободно погледајте наш блог за ажурирања. Промјене које ремете API или нове функције никада неће бити испоручене у основну core библиотеку без повећања верзије ове библиотеке.

Trebate pomoć?

Ako naiđete na bilo kakve probleme ili imate pitanja o React Native biblioteci, molimo:

Doprinos

Doprinosi su dobrodošli! Molimo posjetite GitHub repozitorij za smjernice o doprinosu.

Допринесите овом водичу