dialogflow web

Avertissement de dépréciation: ce projet n'est plus pris en charge, passez à DialogFlow pour Web v2

---

Dialogue de dialogue pour le web

DialogFlow vous permet de créer des interfaces conversationnelles en plus de vos produits et services en fournissant un puissant moteur de compréhension du langage naturel (NLU) pour traiter et comprendre l'entrée du langage naturel

Il s'agit d'un client Web non officiel pour DialogFlow, il a été construit pour prendre en charge Google Assistant Rich-Responses et pour tirer le meilleur parti de la plate-forme disponible sur le Web

Ce qui est inclus

• Application Web 100% progressive, suivant les guidages matériels de Google
• Environnement personnalisable
• Fonctionne hors ligne et sans javascript
• Conception réactive
• Contient l'optimisation des moteurs de recherche
• Basé sur Vuejs avec WebPack et Reload en direct
• API WebSpeech pour l'entrée vocale
• Sortie de texte vocal
• Accessibilité parfaite pour les utilisateurs handicapés

Exigences

• Nodejs
• NPM ou fil
• Connaissances de base dans ES6 (JavaScript)
• Clé API DialogFlow (vous pouvez l'obtenir ici)

Ce qui est pris en charge

• Réponse de base (est affichée et parlée)
• Réponse simple (est en cours de parole)
• Cartes
• Cartes de carrousel
• Listes
• Suggestions Chips
• Chips de liaison
• Combinaison de tous ci-dessus
• Animations de fantaisie et rétroaction visuelle
• Mode widget, pour plus d'informations, voir https://github.com/mishushakov/dialogflow-widget
• Googler les demandes inconnues

Commencer

Clone le référentiel de votre machine

Vous pouvez utiliser Git ou le télécharger directement à partir de github

Obtenez les dépendances

Ouvrez votre dossier cloné. Ensuite, en utilisant votre gestionnaire de packages préféré, obtenez les dépendances

Exemple utilisant NPM

npm install

Exemple utilisant du fil

yarn

Démarrer le serveur de développement et construire

Ouvrez votre dossier cloné. Ensuite, en utilisant votre gestionnaire de packages préféré, exécutez la commande dev

Exemple utilisant NPM

npm run dev

Exemple utilisant du fil

yarn dev

Lorsque vous avez fait ces étapes, votre navigateur par défaut doit vous ouvrir et vous rediriger vers localhost:8080 . Si le port 8080 est déjà utilisé, vous pouvez donner un argument port pour vous connecter au port spécifié

Exemple utilisant NPM

npm run dev --port 9090

Exemple utilisant du fil

yarn dev --port 9090

Veuillez ne pas utiliser le serveur de développement pour servir votre application, le serveur de développement est destiné au développement. Au lieu de cela, veuillez télécharger des artefacts de construction sur un serveur Web statique

Bâtiment pour la production

Votre application sera regroupée sur dist/build.js pour la construire, vous pouvez utiliser NPM ou YARN

Exemple utilisant NPM

npm run build

Exemple utilisant du fil

yarn build

Personnalisation de l'application et connexion de votre agent

Pour connecter votre bot, vous devez d'abord en créer un. Vous pouvez le faire en visitant le site Web DialogFlow. Créez ensuite vos intentions et ajoutez les réponses de Google Assistant

Ouvrez config.js et modifiez la variable token , pour connecter votre bot. Vous pouvez également traduire les chaînes dans votre langue

Exemple

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

Si vous souhaitez modifier l'accent Couleur ouvrir src/App.sass et modifier la variable $color

Questions fréquemment posées

• Q: J'ai changé le jeton et les réponses sont les mêmes qu'avec le jeton précédent
• R: Assurez-vous que vous avez nettoyé votre cache et reconstruit votre application . Dans Safari, allez pour "développer"> "caches vides". Dans Chrome: "Developer Tools"> "Application"> "Effacer le stockage"> "Données de site effacées"

Merci, restez à jour!