i chatbot

i-聊天机器人

用于在 React 上构建会话界面的简单而优雅的组件。 ??

入门

安装

 npm i i-chatbot --save

基本用法

导入组件

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

创建处理来自聊天机器人的回发事件的方法。它应该返回一个消息对象数组，以通过回调回复用户的操作。

  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!')
    ]
  }

使用开始回调方法和开始按钮渲染 ChatBot。

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

聊天机器人

道具

支柱	默认	类型	描述
开始时	-	功能	返回第一条消息的初始回调方法
开始按钮	-	目的	启动按钮参数

方法

重新开始（消息）

如果没有设置开始按钮，则重置聊天状态并添加消息对象。

聊天机器人工具

方法

textMessage（文本，...动作）

创建文本消息对象。

参数：

姓名	类型	描述
文本	细绳	留言内容
行动	物体	快速回复按钮对象

用户文本消息（文本）

创建用户的短信对象。

参数：

姓名	类型	描述
文本	细绳	留言内容

makeReplyButton（标题）

创建一个开始按钮。

参数：

姓名	类型	描述
标题	细绳	标题

makeReplyButton（标题、回发）

创建快速回复按钮。

参数：

姓名	类型	描述
标题	细绳	标题
回发	细绳	回发值

makeTextInputField（标题，回发）

创建一个文本输入字段。

参数：

姓名	类型	描述
发送	细绳	提交按钮的标题
占位符	细绳	输入字段的占位符
回发	细绳	回发值

风格

由于 CSS 预处理器的使用较少。从demo/src/i-chatbot.less复制并修改样式，然后导入到您的应用程序中。

用i-chatbot构建？

• Oleh Stasula 的个人网站
• 贾斯汀·凯斯的登陆页面

你用i-chatbot构建过一些很酷的东西吗？提交拉取请求并将其添加到此列表中！

待办事项？

• 自下而上的聊天方向
• 更好的输入验证
• 头像占位符

贡献 ？

欢迎您的贡献，无论大小！

有关项目结构、开发环境、测试套件、代码风格等详细信息，请查看贡献指南。所有版本更新都在变更日志中提及。

执照 ？

该库根据 MIT 许可证条款作为开源提供。