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

Документація

Жива демонстрація
У виробничому середовищі
Стан підтримки

Початок роботи

Встановлення

Використання

Використання
Оновлення поточної сторінки (приклад SPA)

Add Comments to Your Vue 2 App

Це офіційна бібліотека Vue 2 для FastComments.

Віджети коментування FastComments для Vue 2

Репозиторій

Переглянути на GitHub

Жива демонстрація Internal Link

Щоб побачити всі віджети та потоки, що працюють локально проти публічного тенанта demo, клоніруйте репозиторій та виконайте:

npm install
npm run serve

Окремі демо також мають власні точки входу (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) у dev/.

Встановлення Internal Link

NPM

npm install --save fastcomments-vue

Yarn

yarn add fastcomments-vue

Використання Internal Link

Віджет коментарів

Компонент FastCommentsVue містить живий віджет коментарів FastComments.

Замініть "demo" нижче на свій "tenantId" — доступний тут в адмін-панелі FastComments.

Віджет підтримує багато параметрів — див. FastCommentsConfig тут.

<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';

export default Vue.extend({
  name: 'ServeDev',
  components: {
    FastCommentsVue
  }
});
</script>

<template>
  <div id="app">
    <fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
  </div>
</template>

Оновлення поточної сторінки (приклад SPA) Internal Link

У FastComments ми називаємо id статті або сторінки, до якої прив'язані коментарі, URL ID, оскільки це може бути url або ID. Визначте URL ID наступним чином. Компонент стежить за змінами в об'єкті config і перезавантажиться, тож ви можете просто оновити налаштування "url" та "urlId".

Дивіться повний робочий приклад тут.

Запустіть приклад пагінації за допомогою:

npm run serve-pagination
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />

Регіон облікового запису (УВАГА: клієнти з ЄС)

Якщо ваш обліковий запис розміщено в ЄС, встановіть region = 'eu' у конфігурації віджета, наприклад:

<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />

В іншому випадку вам не потрібно визначати region.

У виробничому середовищі Internal Link

Швидше за все, ви не захочете визначати конфігурацію вбудовано (inline), якщо ви передаєте зворотні виклики тощо. Натомість вам слід визначити конфігурацію в блоці computed, інакше щоразу, коли викликається ваш зворотний виклик тощо, весь віджет буде перерендерений.

Див. приклад зі спіннером, як це зробити.

Стан підтримки Internal Link

Ці компоненти є обгортками навколо наших основних компонентів VanillaJS. Ми можемо автоматично оновлювати ці компоненти (виправляти помилки, додавати функції) без публікації цієї бібліотеки, тому хоча вона може деякий час не публікуватися, це не означає, що FastComments не перебуває в активній розробці! Не соромтеся перевіряти наш блог для оновлень. Несумісні зміни API або нові функції ніколи не будуть передані в базову бібліотеку без підвищення версії в цій бібліотеці.

Потрібна допомога?

Якщо у вас виникли будь-які проблеми або є питання щодо Vue 2 Library, будь ласка:

Як зробити внесок

Внески вітаються! Будь ласка, відвідайте репозиторій на GitHub для отримання інструкцій щодо внесків.

Зробити внесок у цей посібник