Chatbot Studio é uma plataforma para criar, gerenciar and executar chatbots usando uma interface baseada em blockly, e um poderoso motor escrito sobre o Microsoft Bot Framework.
Leia isto em outros idiomas: English, Português.
Chatbot.Studio.Clip.mp4
Chatbot.Studio.-.Maps.mp4
Pre-requisitos:
- Visual Studio
- Visual Studio Code:
- Fonte = Fonte fira code
- Sql Management Studio
- Insomnia
- .net Framework 4.5.2 (Caso instalado com VS aberto, reiniciar o VS antes de rodar o build)
- IIS Express
- LocalDb
- NVM
- Node 18
- bot framework emulator v3 (https://github.com/microsoft/BotFramework-Emulator/releases/tag/v3.5.36)
- yarn 1.22.5
- chocolatey 0.11.3
- Git for windows 2.33.0.windows.2
- ngrok
-
Clonar repositório https://github.com/rcarubbi/Carubbi.ChatbotStudio
-
Configurar todos os projetos para arquitetura x64
-
Clicar no projeto Database com o botão direito e selecionar publish
-
Definir a instância de servidor de banco de dados como MSSqlLocalDb
-
Nomear o banco como botEditor e publicar
-
Rodar projeto Backend.Api, se solicitado, instalar o certificado de desenvolvimento
- Abrir o Insomnia, ir em preferences e remover a opção Validate Certificates
- Criar um novo document como Carubbi.ChatbotStudio
- Clicar no botão + e criar um request chamado CreateAdminUser com as seguintes configurações method: POST URL: http://localhost:44398/api/Account header: Content-type: application/json payload: { "username":"admin", "email":"[email protected]", "password":"admin", "active": 1 }
- Executar o script dbo.Inserts.data.sql no banco de dados
- Criar um novo request chamado GrantBackendAccessToUI com as seguintes configurações method: POST URL: http://localhost:44398/api/AppAccess header: Content-type: application/json payload: "BotEditor UI"
copiar o clientId, accesskey e secretKey do response para os próximos passos
-
Parar o backend
-
Abrir o vs code na pasta carubbi-boteditor
-
Abrir o arquivo .env e substituir: REACT_APP_CLIENT_ID={ClientId}:{AccessKey} REACT_APP_CLIENT_SECRET={SecretKey}
-
Abrir o arquivo configs/clientCredentials.json e substituir client_id={ClientId}:{AccessKey} e client_secret={ClientSecret}
-
Instalar node-gyp e dependências https://github.com/nodejs/node-gyp
-
Baixar as dependências com yarn
-
Instalar serve - yarn global add serve
-
Criar conta no ngrok: https://dashboard.ngrok.com/signup
-
configurar authtoken: ngrok config add-authtoken
-
Fazer o build da UI: yarn build (obs: pode ser necessário atualizar o react-scripts antes de fazer o build)
-
Verifique a configuração dos sites no arquivo applicationhost.config dentro da pasta .vs:
-
Baixar as dependências com yarn
-
Abrir outra instância do vs code na pasta carubbi-botconnector
-
Atualizar os paths no arquivo SetEnvironmentVariables.ps1 e execute-o
-
Execute BotEditor.bat para iniciar a aplicação