urban bot

城市机器人

基于React的通用聊天机器人库。

• 声明性的。您不需要了解任何 Messenger API，只需编写简单的 React 组件即可。
• 多平台。编写一次，启动任何Messenger。
• 可重复使用的。在不同聊天机器人之间轻松共享逻辑或仅使用通用部分。
• 会议。应用程序对每次聊天的渲染都是唯一的，因此只需像客户端渲染一样编写应用程序即可。
• 类型。完整的打字稿支持。

我们支持的平台

很快

开始使用

应用程序编程接口

教程

• 如何在 Telegram 中创建待办事项列表
• Telegram 中的 Как создать 待办事项列表

安装

请使用我们的零配置启动器。

打字稿

 npx create-urban-bot my-app

javascript

 npx create-urban-bot my-app --template js

或者手动安装：

npm i react @urban-bot/core @urban-bot/telegram @urban-bot/facebook ...

例子

 import React from 'react' ;
import { render , Route , Router , Root , Text , ButtonGroup , Button , useText } from '@urban-bot/core' ;
import { UrbanBotTelegram } from '@urban-bot/telegram' ;
import { UrbanBotSlack } from '@urban-bot/slack' ;

function Echo ( ) {
    const [ text , setText ] = React . useState ( 'Say something' ) ;

    useText ( ( { text } ) => {
        setText ( text ) ;
    } ) ;

    return (
        < Text >
            < i > { text } < / i >
        < / Text >
    ) ;
}

function Counter ( ) {
    const [ count , setCount ] = React . useState ( 0 ) ;

    const increment = ( ) => setCount ( count + 1 ) ;
    const decrement = ( ) => setCount ( count - 1 ) ;

    return (
        < ButtonGroup title = { count } isNewMessageEveryRender = { false } >
            < Button onClick = { increment } > +1 < / Button >
            < Button onClick = { decrement } > -1 < / Button >
        < / ButtonGroup >
    ) ;
}

function App ( ) {
    return (
        < Router >
            < Route path = "/echo" >
                < Echo / >
            < / Route >
            < Route path = "/counter" >
                < Counter / >
            < / Route >
        < / Router >
    ) ;
}

const urbanBotTelegram = new UrbanBotTelegram ( {
    token : 'telegramToken' ,
} ) ;

const urbanBotSlack = new UrbanBotSlack ( {
    signingSecret : 'slackSigningSecret' ,
    token : 'slackToken' ,
} ) ;

render (
    < Root bot = { urbanBotTelegram } >
        < App / >
    < / Root >
) ;

render (
    < Root bot = { urbanBotSlack } >
        < App / >
    < / Root >
) ;