Agent hosten

Im letzten Schritt dieser Anleitung hosten Sie Ihren Dialogflow-Agenten. Google App Engine für Hosting verwendet wird, weil sie einfach einzurichten ist und gut skalierbar ist. Die Dialogflow Messenger Integration wird für die Benutzeroberfläche eines Agents verwendet.

Projektkonfiguration

Idealerweise sollten Ihr Dialogflow-Agent und die App Engine-Instanz sich beide im selben Projekt befinden. Außerdem müssen Sie die Cloud Build API aktivieren.

  1. Wählen Sie vor dem Erstellen der Instanz Ihr Projekt in der Google Cloud Console aus.

    Zur Projektauswahl

  2. Aktivieren Sie die Cloud Build API für das Projekt.

    Cloud Build API aufrufen

Umgebung einrichten

Sie müssen einige Dinge installieren und konfigurieren, um eine Go-Anwendung für die App Engine zu entwickeln. Führen Sie alle Schritte aus, die Sie noch nicht unter Entwicklungsumgebung einrichten

Webdienstcode erstellen

Der Beispielcode für diese Anleitung ist in Go geschrieben. Sie können jedoch jede von der App Engine unterstützte Sprache verwenden. Erstellen Sie die folgende Dateistruktur an einer beliebigen Stelle auf Ihrem lokalen Computer:

  • go-app/: Verzeichnis für Ihren Go-Dienst.
    • templates/: Verzeichnis für Ihre Go-HTML-Vorlagen.
      • index.html: Go-HTML-Vorlage.
    • app.yaml: die Konfigurationseinstellungen Ihres Dienstes
    • main.go: Ihr Anwendungscode

Die nächsten drei Abschnitte enthalten den Inhalt der drei Dateien.

Inhalt der Datei index.html

Diese Go-HTML-Vorlagendatei enthält das HTML für die Startseite. Fügen Sie dieser Datei den folgenden Inhalt hinzu:

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Tutorial agent</title>
  </head>
  <body>
    <p>Open the chat window in the bottom right corner.</p>
  </body>
</html>

Inhalt der Datei app.yaml

Dies ist eine Konfigurationsdatei, gibt die Einstellungen für die Laufzeitumgebung Ihres Dienstes an. Sie können die Dokument zur Laufzeitumgebung von Go 1.12+ um die Liste der unterstützten Go-Versionen aufzurufen. Füllen Sie diese Datei mit folgendem Inhalt:

runtime: go116  # or another supported version

Inhalt der Datei main.go

Diese Datei enthält den Code Ihrer Anwendung. Füllen Sie diese Datei mit folgendem Inhalt:

// Package main is the main package
package main

import (
	"log"
	"net/http"
	"os"
	"text/template"
)

var templates *template.Template

func init() {
	templates = template.Must(template.New("").ParseGlob("templates/*"))
}

// indexHandler handles the homepage.
func indexHandler(w http.ResponseWriter, r *http.Request) {
	if r.URL.Path != "/" {
		http.NotFound(w, r)
		return
	}
	if err := templates.ExecuteTemplate(w, "index.html", nil); err != nil {
		log.Fatal(err)
	}
}

func main() {
	// Register the handlers
	http.HandleFunc("/", indexHandler)

	port := os.Getenv("PORT")
	if port == "" {
		port = "8080"
		log.Printf("Defaulting to port %s", port)
	}

	log.Printf("Listening on port %s", port)
	if err := http.ListenAndServe(":"+port, nil); err != nil {
		log.Fatal(err)
	}
}

Webdienst bereitstellen

Ihr Code kann jetzt bereitgestellt werden. Diese Schritte verwenden die Methode gcloud-Tool für die Bereitstellung:

  1. Achten Sie darauf, dass gcloud mit demselben Projekt wie Ihr Dialogflow-Agent konfiguriert ist. So überprüfen Sie das Projekt:

    gcloud config get-value project

    So ändern Sie das Projekt:

    gcloud config set project YOUR_PROJECT

  2. Stellen Sie in dem Verzeichnis go-app, in dem sich die Datei app.yaml befindet, Folgendes bereit: Webdienst an App Engine senden:

    gcloud app deploy

    Der Befehl fordert Sie auf, eine Region anzugeben. Achten Sie darauf, dass Sie dieselbe Region wie bei Ihrem Dialogflow-Agent auswählen. Der Befehl gibt den Wert target url aus, also die URL für Ihren Webdienst.

  3. Um Ihren Browser zu starten und Ihren Webdienst aufzurufen, können Sie die Ziel-URL aus dem vorherigen Schritt oder führen Sie den folgenden Befehl aus:

    gcloud app browse

Dialogflow Messenger einrichten

So richten Sie Dialogflow Messenger ein und aktivieren es:

  1. Rufen Sie die Dialogflow ES-Konsole auf.
  2. Klicken Sie im linken Seitenleistenmenü auf Integrations.
  3. Klicken Sie auf Dialogflow Messenger.
  4. Ein Konfigurationsdialogfeld wird geöffnet.
  5. Wählen Sie eine Umgebung aus.
  6. Klicken Sie auf Aktivieren.
  7. Kopieren Sie den Einbettungscode, um ihn in Ihre Website einzufügen.
  8. Klicken Sie auf Schließen.

Agent in Ihren Webdienst einbetten

Fügen Sie den oben kopierten Einbettungscode in die Datei index.html ein. Die HTML-Elemente <script> und <df-messenger> sollten sich im <body>-Element Ihrer Seite befinden.

Stellen Sie die Webdienstanwendung noch einmal mit gcloud bereit. Nach der Bereitstellung können Sie über die Webseite indem du unten rechts auf das Chatsymbol klickst.

Screenshot des auf der Webseite eingebetteten Dialogflow-Agents

Sie haben jetzt einen vollständig bereitgestellten Dialogflow-Agenten. Sprechen Sie mit dem Kundenservicemitarbeiter.

Bereinigen

Während Sie die Schritte in dieser Anleitung ausgeführt haben, haben Sie abrechenbare Ressourcen erstellt. So vermeiden Sie, dass Ihrem Google Cloud-Konto zusätzliche Gebühren in Rechnung gestellt werden:

  1. Löschen Sie Ihre Datenbankinstanz.

  2. Löschen Sie die Funktion:

    gcloud functions delete tutorial-telecommunications-webhook

  3. Deaktivieren Sie Ihre App.

  4. Agent löschen

Weitere Informationen

Weitere Informationen zu den oben genannten Schritten finden Sie unter:

Zurück
Datenbank abfragen