i chatbot Télécharger - i chatbot Téléchargement du code source

i chatbot

Code Source AI

1.0.0

Télécharger

je-chatbot

Composant simple et élégant pour créer des interfaces conversationnelles sur React. ??

Commencer

Installation

 npm i i-chatbot --save

Utilisation de base

Composant d'importation

 import ChatBot, { ChatBotUtil } from 'i-chatbot'

Créez des méthodes qui géreront les événements de publication à partir d'un chatbot. Il doit renvoyer un tableau d'objets de message pour répondre à l'action de l'utilisateur avec un rappel.

  getStarted () {
    return [
      ChatBotUtil.textMessage(['Hi!', 'Hey there!'].any()),
      ChatBotUtil.textMessage(['How is life?', 'What's up?'].any(),
        ChatBotUtil.makeReplyButton('Great!', this.intro))
    ]
  }

  intro () {
    return [
      ChatBotUtil.textMessage('That's good to hear!')
    ]
  }

Rendu ChatBot avec une méthode de rappel de démarrage et un bouton de démarrage.

 <ChatBot onGetStarted={this.getStarted}
         getStartedButton={ChatBotUtil.makeGetStartedButton('Get Started')} />

ChatBot

Accessoires

Soutenir	Défaut	Taper	Description
onGetStarted	-	fonction	Méthode de rappel initiale pour renvoyer les premiers messages
getStartedButton	-	objet	Paramètres du bouton Démarrer

Méthodes

startOver (message)

Réinitialise un état de discussion et ajoute un objet de message si aucun bouton de démarrage n'est défini.

ChatBotUtil

Méthodes

textMessage (texte, ...actions)

Créez un objet de message texte.

Paramètres :

Nom	Taper	Description
texte	chaîne	Texte du message
actes	objet(s)	Objet Bouton(s) de réponse rapide

userTextMessage (texte)

Créez l'objet de message texte d'un utilisateur.

Paramètres :

Nom	Taper	Description
texte	chaîne	Texte du message

makeReplyButton (titre)

Créez un bouton de démarrage.

Paramètres :

Nom	Taper	Description
titre	chaîne	Titre

makeReplyButton (titre, publication)

Créez un bouton de réponse rapide.

Paramètres :

Nom	Taper	Description
titre	chaîne	Titre
publication	chaîne	Valeur de publication

makeTextInputField (titre, publication)

Créez un champ de saisie de texte.

Paramètres :

Nom	Taper	Description
envoyer	chaîne	Titre du bouton Soumettre
espace réservé	chaîne	Espace réservé pour le champ de saisie
publication	chaîne	Valeur de publication

Style

Comme le préprocesseur CSS est MOINS utilisé. Copiez et modifiez les styles depuis demo/src/i-chatbot.less , puis importez-les dans votre application.

Construit avec `i-chatbot` ?

Site personnel d'Oleh Stasula
Page d'accueil de Justin Case

Avez-vous construit quelque chose de sympa avec i-chatbot ? Soumettez une pull-request et ajoutez-la à cette liste !

Faire ?

Direction de discussion ascendante
Meilleure validation des entrées
Espace réservé pour l'avatar

Contribution ?

Votre contribution est la bienvenue, quelle que soit sa taille !

Veuillez consulter le guide de contribution pour plus de détails sur la structure du projet, l'environnement de développement, la suite de tests, le style de code, etc. Toutes les mises à jour de version sont mentionnées dans le journal des modifications.