Toolverse
Wszystkie skille

deploy

autor: GitHamza0206

Wbuduj czat Simba na stronę klienta w minutę

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
DevOps
Wyświetlenia
1

O skillu

Skill do wdrażania widżetu czatu Simba na witrynach internetowych. Obsługuje instalację przez npm, konfigurację połączenia z API Simby (chmura lub lokalne), ustawienie pozycji widżetu i wyglądu. Wymaga ID organizacji i adresu API. Wspiera Next.js i inne frameworki React. Pozwala dostosować placeholder, domyślny stan otwarcia, kolekcję wiedzy i uwierzytelnianie przez klucz API.

Jak używać

  1. Pobierz ID organizacji, uruchamiając curl do API Simby (http://localhost:8000/api/v1/organizations) lub utwórz nową organizację w panelu Simby, jeśli żadna nie istnieje. Jeśli serwer API nie działa, uruchom go poleceniem make server.

  2. Zainstaluj pakiet npm simba-chat w swoim projekcie: npm install simba-chat.

  3. Zaimportuj komponent SimbaChatBubble i arkusz stylów w głównym pliku aplikacji (np. app/layout.tsx w Next.js lub App.tsx w React).

  4. Umieść komponent SimbaChatBubble w JSX, przekazując wymagane właściwości: apiUrl (adres serwera Simby) i organizationId (ID pobranego w kroku 1).

  5. Opcjonalnie dostosuj wygląd i zachowanie poprzez właściwości: position (lewy lub prawy dolny róg), defaultOpen (czy czat ma być otwarty na starcie), placeholder (tekst w polu wejścia), collection (nazwa bazy wiedzy) i apiKey (jeśli wymagane uwierzytelnianie).

  6. Uruchom aplikację — widżet pojawi się w dolnym rogu strony i będzie gotowy do obsługi rozmów.

Podobne skille