chatKit lib

? Mengapa?

Pustaka komponen reaksi yang memungkinkan Anda membuat antarmuka dialog yang berinteraksi dengan layanan pihak ketiga yang menyediakan kemampuan untuk berinteraksi dengan obrolan.

? Memasang

Untuk menginstal perpustakaan Anda perlu memasukkan perintah berikutnya:

 npm i sova - chatkit

Mulai cepat

Untuk memulai dengan cepat dan membuat perubahan pada komponen perpustakaan, masukkan perintah berikutnya di file App.jsx Anda:

 import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App ( ) {
 return (
 < div className = "App" >
   < CkComponents . ChatIt ckStore = { true } / >
 < / div >
 )
}
 
export default App

? Daftar isi

Perpustakaan terdiri dari komponen-komponen berikut:

? CkComponents - komponen UI widget (komponen reaksi);
? ckAPIMethods - metode yang memengaruhi perilaku UI atau interaksi dengan UI;
ckStore - manajemen konten.

Penjelasan rinci tentang perpustakaan diberikan di bawah ini.

Deskripsi Perpustakaan

Komponen Ck

 import { CkComponents } from "sova-chatkit"

Widget menggunakan komponen reaksi berikutnya:

Komponen
Lencana	tombol perluasan widget
Pesan	gelembung pesan teks dengan informasi tentangnya
Dialog	menampilkan sekumpulan pesan teks
Tajuk	judul widget
Kecepatan	komponen menilai pesan
Pengirim	input pesan dan komponen pengiriman

Setiap komponen menerima props dari ckStore dengan nilai true atau false yang menunjukkan apakah komponen harus menangkap informasi dari ckStore dasar atau tidak.

Metode ckAPI

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods menyimpan daftar metode:

metode API
menerimaMessageAPI	tambahkan pesan teks ke STORE
kirimMessageAPI	mengirim pesan ke modul untuk memanggil permintaan
styleAPI	edit tema widget atau komponen individual
uiManagmentAPI	mengubah pengaturan komponen di STORE
pengaturanAPI	ubah gambar di widget
modulAPI	koneksi modul dialog
bahasaAPI	pengaturan paket bahasa

Semua metode mempengaruhi informasi yang disimpan ckStore dan dapat mengubah perilaku dan tampilan widget.

ckStore

 import { ckStore } from "sova-chatkit"

ckStore menyimpan informasi konten dalam kunci global:

Kunci
pesan	riwayat pesan pengguna dan jawaban masuk
modul	informasi modul dialog
pengaturan	pengaturan dialog dan statusnya
bahasa	pengaturan paket bahasa
gaya	pengaturan gaya dialog dan komponen individual
konfigurasi klien	pengaturan widget tingkat atas
manajemen	pengaturan widget

Diimplementasikan dengan Storeon. Anda dapat melihat semua informasi konten di alat pengembang reaksi.