dialogflow web

Aviso de depreciação: este projeto não é mais suportado, mova -se para o DialogFlow for web v2

---

DialogFlow para web

DialogFlow permite criar interfaces de conversação sobre seus produtos e serviços, fornecendo um poderoso mecanismo de entendimento de linguagem natural (NLU) para processar e entender a entrada de linguagem natural

Este é um cliente da Web não oficial para o DialogFlow, foi construído, para oferecer suporte ao Google Assistant Rich-Responses e para tirar o máximo proveito da plataforma disponível para a Web

O que está incluído

• Aplicativo da Web 100% progressivo, seguindo as diretrizes materiais do Google
• Ambiente personalizável
• Funciona offline e sem javascript
• Design responsivo
• Contém otimização do mecanismo de pesquisa
• Baseado em vuejs com webpack e recarga ao vivo
• API da Webpeech para entrada de voz
• Saída de texto em fala
• Acessibilidade perfeita para usuários com deficiência

Requisitos

• Nodejs
• NPM ou fio
• Conhecimento básico no ES6 (JavaScript)
• Chave da API DialogFlow (você pode obtê -la aqui)

O que é suportado

• Resposta básica (está sendo exibido e falado)
• Resposta simples (está sendo falado)
• Cartões
• Cartões de carrossel
• Listas
• Sugestões chips
• Link chips
• Combinação de tudo acima
• Animações sofisticadas e feedback visual
• Modo de widget, para mais informações, consulte https://github.com/mishushakov/dialogflow-widget
• Pedidos desconhecidos no Google

Comece

Clone o repositório para sua máquina

Você pode usar o git ou baixá -lo diretamente do github

Obtenha as dependências

Abra sua pasta clonada. Em seguida, usando seu gerente de pacotes favorito, obtenha as dependências

Exemplo usando NPM

npm install

Exemplo usando o fio

yarn

Inicie o servidor de desenvolvimento e construa

Abra sua pasta clonada. Em seguida, usando seu comando de dev pacote de pacote favorito

Exemplo usando NPM

npm run dev

Exemplo usando o fio

yarn dev

Quando você fez essas etapas, seu navegador padrão deve abrir e redirecioná -lo para localhost:8080 . Se a porta 8080 já estiver em uso, você poderá dar um argumento port para conectar na porta especificada

Exemplo usando NPM

npm run dev --port 9090

Exemplo usando o fio

yarn dev --port 9090

Por favor, não use o servidor de desenvolvimento para servir seu aplicativo, o servidor de desenvolvimento é destinado ao desenvolvimento. Em vez disso, faça o upload de artefatos de construção para um servidor estático

Construção para produção

Seu aplicativo será incluído no dist/build.js para construí -lo, você pode usar npm ou fios

Exemplo usando NPM

npm run build

Exemplo usando o fio

yarn build

App de personalização e conectando seu agente

Para conectar seu bot, você primeiro precisa criar um. Você pode fazer isso visitando o site de diálogo. Em seguida, crie suas intenções e adicione respostas do Google Assistant

Abra config.js e altere a variável token , para conectar seu bot. Você também pode traduzir as cordas para o seu idioma

Exemplo

 export default {
    app : {
        token : "9d686a47b1de48bab431e94750d1cd87"
    }
}

Se você deseja alterar a cor do sotaque aberto src/App.sass e altere a variável $color

Perguntas frequentes

• P: Eu mudei o token e as respostas são as mesmas do token anterior
• R: Verifique se você limpou seu cache e reconstruiu seu aplicativo . No Safari, vá para "desenvolver"> "caches vazios". No Chrome: "Developer Tools"> "Aplicativo"> ​​"Armazenamento Clear"> "Dados claros do site"

Obrigado, fique atualizado!