Skip to content

Latest commit

 

History

History
123 lines (105 loc) · 5.39 KB

README.pt-br.md

File metadata and controls

123 lines (105 loc) · 5.39 KB

Carubbi.ChatbotStudio

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

Preparando o backend

  1. Clonar repositório https://github.com/rcarubbi/Carubbi.ChatbotStudio

  2. Configurar todos os projetos para arquitetura x64

  3. Clicar no projeto Database com o botão direito e selecionar publish

  4. Definir a instância de servidor de banco de dados como MSSqlLocalDb

  5. Nomear o banco como botEditor e publicar

  6. Rodar projeto Backend.Api, se solicitado, instalar o certificado de desenvolvimento

Configurar o usuário admin padrão

  1. Abrir o Insomnia, ir em preferences e remover a opção Validate Certificates
  2. Criar um novo document como Carubbi.ChatbotStudio
  3. 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 }
  4. Executar o script dbo.Inserts.data.sql no banco de dados

Configurar acesso da UI ao backend

  1. 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

  1. Parar o backend

  2. Abrir o vs code na pasta carubbi-boteditor

  3. Abrir o arquivo .env e substituir: REACT_APP_CLIENT_ID={ClientId}:{AccessKey} REACT_APP_CLIENT_SECRET={SecretKey}

  4. Abrir o arquivo configs/clientCredentials.json e substituir client_id={ClientId}:{AccessKey} e client_secret={ClientSecret}

  5. Instalar node-gyp e dependências https://github.com/nodejs/node-gyp

  6. Baixar as dependências com yarn

  7. Instalar serve - yarn global add serve

  8. Criar conta no ngrok: https://dashboard.ngrok.com/signup

  9. configurar authtoken: ngrok config add-authtoken

  10. Fazer o build da UI: yarn build (obs: pode ser necessário atualizar o react-scripts antes de fazer o build)

  11. Verifique a configuração dos sites no arquivo applicationhost.config dentro da pasta .vs:

Configurar o bot connector

  1. Baixar as dependências com yarn

  2. Abrir outra instância do vs code na pasta carubbi-botconnector

  3. Atualizar os paths no arquivo SetEnvironmentVariables.ps1 e execute-o

  4. Execute BotEditor.bat para iniciar a aplicação