dialogflow web

Abschreibungswarnung: Dieses Projekt wird nicht mehr unterstützt, wechseln Sie zum Dialogflow für Web V2

---

Dialogflow für Web

Mit Dialogflow können Sie Konversationsschnittstellen über Ihre Produkte und Dienstleistungen erstellen, indem Sie eine leistungsstarke Engine für natürliche Sprachverständnisse (NLU) zur Verarbeitung und Verständnis der natürlichen Spracheingabe erstellen

Dies ist ein inoffizieller Web-Client für Dialogflow, der erstellt wurde, um Google Assistant Rich Responses zu unterstützen und das Beste aus der Plattform für Web zu machen

Was ist enthalten

• 100% progressive Web -App, folgt der materiellen Leitlinien von Google
• Anpassbare Umgebung
• Funktioniert offline und ohne JavaScript
• Responsive Design
• Enthält Suchmaschinenoptimierung
• Basierend auf VueJs mit Webpack & Live Reload
• WebSpeech -API für Spracheingabe
• Text-to-Speech-Ausgabe
• Perfekte Zugänglichkeit für behinderte Benutzer

Anforderungen

• Nodejs
• NPM oder Garn
• Grundkenntnisse in ES6 (JavaScript)
• Dialogflow -API -Schlüssel (Sie können es hier erhalten)

Was wird unterstützt

• Grundlegende Antwort (wird angezeigt und gesprochen)
• Einfache Antwort (wird gesprochen)
• Karten
• Karussellkarten
• Listen
• Vorschläge Chips
• Link Chips
• Kombination von allen oben
• Ausgefallene Animationen und visuelles Feedback
• Der Widget-Modus finden Sie unter https://github.com/mishushakov/dialogflow-widget
• Unbekannte Anfragen googeln

Fangen an

Klonen Sie das Repository in Ihre Maschine

Sie können Git verwenden oder direkt von GitHub herunterladen

Holen Sie sich die Abhängigkeiten

Öffnen Sie Ihren geklonten Ordner. Wenn Sie dann Ihren bevorzugten Paketmanager verwenden, erhalten Sie die Abhängigkeiten

Beispiel mit NPM

npm install

Beispiel mit Garn

yarn

Development Server starten und bauen

Öffnen Sie Ihren geklonten Ordner. Verwenden Sie dann Ihren bevorzugten Befehl paketmanager run dev

Beispiel mit NPM

npm run dev

Beispiel mit Garn

yarn dev

Wenn Sie diese Schritte durchgeführt haben, sollte Ihr Standardbrowser Sie öffnen und zu localhost:8080 umleiten. Wenn der Port 8080 bereits verwendet wird, können Sie ein port -Argument angeben, um eine Verbindung zum angegebenen Port herzustellen

Beispiel mit NPM

npm run dev --port 9090

Beispiel mit Garn

yarn dev --port 9090

Bitte verwenden Sie den Entwicklungsserver nicht zum Servieren Ihrer App. Der Entwicklungsserver ist für die Entwicklung gedacht. Stattdessen laden Sie bitte Build-Artefakte in einen statischen Webserver hoch.

Gebäude für die Produktion

Ihre App wird zu dist/build.js gebündelt, um sie zu erstellen. Sie können NPM oder Garn verwenden

Beispiel mit NPM

npm run build

Beispiel mit Garn

yarn build

Anpassen von App und Verbindung Ihres Agenten

Um Ihren Bot zu verbinden, müssen Sie zunächst einen erstellen. Sie können dies tun, indem Sie die Dialogflow -Website besuchen. Erstellen Sie dann Ihre Absichten und fügen Sie die Antworten von Google Assistant hinzu

Öffnen Sie config.js und ändern Sie die token -Variable, um Ihren Bot zu verbinden. Sie können die Saiten auch in Ihre Sprache übersetzen

Beispiel

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

Wenn Sie die Akzentfarbe ändern möchten, öffnen Sie src/App.sass und ändern Sie die $color

Häufig gestellte Fragen

• F: Ich habe das Token geändert und die Antworten sind die gleichen wie bei einem vorherigen Token
• A: Stellen Sie sicher, dass Sie Ihren Cache gereinigt und Ihre App umgebaut haben. In Safari gehen Sie zu "entwickeln"> "leere Caches". In Chrome: "Entwickler -Tools"> "Anwendung"> "Speichern Sie Speicher"> "Site -Daten löschen"

Vielen Dank, bleiben Sie auf dem Laufenden!