dialogflow web

ADVERTENCIA DE DESPRECIACIÓN: Este proyecto ya no es compatible, mude a Dialogflow para Web V2

---

Dialogflow para la web

Dialogflow le permite construir interfaces conversacionales en la parte superior de sus productos y servicios al proporcionar un potente motor de comprensión del lenguaje natural (NLU) para procesar y comprender la entrada del lenguaje natural

Este es un cliente web no oficial para Dialogflow, fue construido, para admitir las respuestas ricas del Asistente de Google y aprovechar al máximo la plataforma a la Web a disposición de

¿Qué está incluido?

• Aplicación web 100% progresiva, siguiendo las guías de materiales de Google
• Entorno personalizable
• Funciona fuera de línea y sin JavaScript
• Diseño receptivo
• Contiene optimización de motores de búsqueda
• Basado en Vuejs con Webpack y Live Reload
• API de Peech Webs para entrada de voz
• Salida de texto a voz
• Accesibilidad perfecta para usuarios discapacitados

Requisitos

• Nodejs
• Npm o hilo
• Conocimientos básicos en ES6 (JavaScript)
• Dialogflow API Key (puede obtenerla aquí)

Que es compatible

• Respuesta básica (se muestra y se habla)
• Respuesta simple (se está hablando)
• Tarjetas
• Tarjetas de carrusel
• Liza
• Sugerencias chips
• Chips de enlace
• Combinación de todo lo anterior
• Animaciones elegantes y comentarios visuales
• Modo de widget, para obtener más información, consulte https://github.com/mishushakov/dialogflow-widget
• Google de solicitudes desconocidas

Empezar

Clonar el repositorio de su máquina

Puede usar Git o descargarlo directamente desde Github

Obtener las dependencias

Abra su carpeta clonada. Luego, utilizando su administrador de paquetes favorito, obtenga las dependencias

Ejemplo usando npm

npm install

Ejemplo usando hilo

yarn

Iniciar servidor de desarrollo y compilación

Abra su carpeta clonada. Luego, utilizando su comando dev de ejecución de su administrador de paquetes favorito

Ejemplo usando npm

npm run dev

Ejemplo usando hilo

yarn dev

Cuando haya realizado estos pasos, su navegador predeterminado debe abrir y redirigirlo a localhost:8080 . Si el puerto 8080 ya está en uso, puede dar un argumento port para conectarse en el puerto especificado

Ejemplo usando npm

npm run dev --port 9090

Ejemplo usando hilo

yarn dev --port 9090

No use el servidor de desarrollo para servir a su aplicación, el servidor de desarrollo está destinado al desarrollo. En su lugar, cargue artefactos de compilación a un servidor web estático

Edificio para la producción

Su aplicación se incluirá a dist/build.js para construirla, puede usar NPM o hilo

Ejemplo usando npm

npm run build

Ejemplo usando hilo

yarn build

Personalizar la aplicación y conectar a su agente

Para conectar su bot, primero debe crear uno. Puede hacerlo visitando el sitio web de Dialogflow. Luego cree sus intentos y agregue las respuestas del Asistente de Google

Abra config.js y cambie la variable token para conectar su bot. También puedes traducir las cuerdas a tu idioma

Ejemplo

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

Si desea cambiar el color de acento, abre src/App.sass y cambie la variable $color

Preguntas frecuentes

• P: Cambié el token y las respuestas son las mismas que con el token anterior
• R: Asegúrese de haber limpiado su caché y reconstruir su aplicación . En Safari, vaya a "Desarrollar"> "Caches vacíos". En Chrome: "Desarrollador Herramientas"> "Aplicación"> "Borrar almacenamiento"> "Borrar datos del sitio"

¡Gracias, mantente actualizado!