Google Chat zu AppSheet-Apps hinzufügen

1. Hinweis

Chat-Apps sind Webanwendungen oder Dienste, die in Google Chat ausgeführt werden. Ab sofort kann jede AppSheet-App als Chat-App ausgeführt werden. Nach der Aktivierung und Veröffentlichung bieten sie einen zusätzlichen Formfaktor für die Daten in AppSheet-Apps.

Aufgaben in diesem Lab

  • Hier erfahren Sie, wie Sie eine vorhandene Beispiel-App als Vorlage verwenden und Chat-Apps dafür aktivieren.
  • Verhalten der Chat-App anpassen
  • Chat-App einem vorhandenen Workspace-Chatbereich hinzufügen
  • Erstellen Sie eine Chatautomatisierung, mit der Nachrichten an einen Chatbereich gesendet werden.

Inhalt

In diesem Codelab erfahren Sie, wie Sie eine vorhandene Vorlagen-App als Chat-App aktivieren, konfigurieren und veröffentlichen. Anschließend wird gezeigt, wie Sie die Chat-App einem vorhandenen Chatbereich hinzufügen, um Chatnachrichten automatisch zu senden.

Voraussetzungen

  • Zugriff auf die AppSheet-Entwicklungsumgebung ( appsheet.com)

2. Vorlagen-App für einfaches Inventar kopieren

Kopieren Sie zuerst die App „Einfache Inventarvorlage“. Diese App ist dann in diesem Codelab für Chats aktiviert.

  1. Rufen Sie die AppSheet-Startseite ( appsheet.com) auf und klicken Sie auf Erstellen > App > Beginnen Sie mit einer Vorlage.

App „Start mit einer Vorlage“ erstellen.

  1. Klicken Sie auf der App-Karte für die Vorlage Einfaches Inventar auf Kopieren.

Klicken Sie in der Vorlage "Einfaches Inventar" auf "Kopieren".

  1. Nennen Sie die App im Dialogfeld App klonen Simple Inventory Chat.

Dialogfeld zum Klonen der App.

Eine neue Kopie der Vorlagen-App wird erstellt und in den AppSheet-Editor geladen.

Einfache Kopie einer App-Vorlage für Inventar im AppSheet-Editor

  1. Beim Laden der App wird eine Warnung angezeigt, dass Bots E-Mails nur an den App-Inhaber senden, da die App noch nicht bereitgestellt wurde. Um Google Chat zu aktivieren, muss die App bereitgestellt werden. Klicken Sie dazu im Editor auf die Seite Verwalten. Klicken Sie dann auf Veröffentlichen und dann auf App in Bereitstellungsstatus verschieben.

Anwendung bereitstellen

3. Neue Chat-App erstellen und anpassen

In den nächsten Schritten erfahren Sie, wie Sie in der aktuellen AppSheet-App eine neue Chat-App erstellen.

Google Chat App erstellen

  1. Gehen Sie im AppSheet-Navigator zur Seite mit den Chateinstellungen, um die Chateinstellungen zu sehen.

Seite mit den Chateinstellungen im AppSheet-Editor.

  1. Klicken Sie auf Erstellen, um mit der Einrichtung der Chat-App zu beginnen.
  2. Klicken Sie im Dialogfeld Aktivieren auf Weiter, um fortzufahren.

Dialogbild aktivieren.

Wichtig:Es wird eine Meldung angezeigt, in der Sie darüber informiert werden, dass das Erstellen einer Chat-App einige Minuten dauert. Aktualisieren Sie diese Seite nicht.

Meldung, dass die Seite nicht gelöscht werden soll.

  1. Wenn die Chat-App erstellt wird, wird die Seite Anpassen angezeigt.

Die Chat-App wurde erstellt und bereits veröffentlicht. Die folgenden Anpassungsschritte sind optional.

Seite zum Anpassen der Chat-App.

  1. Klicken Sie auf Erste Nachricht und legen Sie Nachrichtentext fest, um die erste Nachricht anzupassen, die im Chat angezeigt wird. Fügen Sie eine benutzerdefinierte Nachricht hinzu, die beim ersten Rendern der Chat App angezeigt werden soll.

Nachrichtentext anpassen

  1. Scrollen Sie nach unten zu Aktionen konfigurieren und klicken Sie auf Aktion.

Seite „Aktionen konfigurieren“.

  1. Wählen Sie im angezeigten Menü Aktion die erste Option Slash-Befehl: App-Ansicht öffnen aus.

Kontextmenü „Aktionen“

  1. Geben Sie Folgendes ein:

App-Ansicht

Inventory_log (aus dem Drop-down-Menü auswählen)

Name

/log

Beschreibung

View the inventory log

Slash-Befehlsoptionen.

  1. Klicken Sie auf Weiter, um den Vorgang fortzusetzen.

Glückwunsch! Ihre erste Chat-App von AppSheet ist jetzt bereitgestellt.

Bildschirm wird bereitgestellt.

4. Google Chat App installieren

Nachdem Ihre App nun bereitgestellt wurde, müssen Sie sie in der Chat-Umgebung installieren, um sie verwenden zu können.

Führen Sie zur Installation die folgenden Schritte aus:

  1. Öffnen Sie Google Chat.
  2. Klicken Sie rechts neben Chat auf das +-Symbol.
  3. Suchen Sie nach Ihrer App Einfacher Inventarchat.

Chat-App zu Google Chat hinzufügen

  1. Suchen Sie in den Ergebnissen nach Ihrer App und klicken Sie darauf, um sie zu installieren.

Chat-App nach der Installation im Chatfenster.

Nach der Installation sendet die Chat-App eine Direktnachricht mit einer Menükarte.

  1. Klicken Sie zum Testen der App auf Inventarprotokoll oder einen der anderen Links auf der Chatkarte.

Das aktuelle Inventar wird in einem Chatfenster angezeigt.

Chat-App für einfaches Inventar

  1. Optional: Klicken Sie auf einen weiteren Link: Elemente. Dadurch wird die App in einem neuen Fenster geöffnet. Das liegt daran, dass die Ansicht Elemente in der Chat-UI nicht unterstützt wird.

Die Elementansicht wird in der Chatansicht nicht unterstützt.

  1. Optional: Experimentieren Sie mit der Chat App-Version der Chat-App für einfaches Inventar.

5. Chat App einem Chatbereich hinzufügen

Mit den folgenden Schritten wird die Chat App einem Chatbereich hinzugefügt. Das ist nützlich, wenn Sie möchten, dass die Chat App eine Nachricht an eine Gruppe von Personen sendet.

Neuen Chatbereich erstellen

Zum Fortfahren benötigen Sie einen Chatbereich, mit dem Sie arbeiten können.

  1. Klicken Sie im Chatfenster links unten neben Gruppenbereiche auf das Symbol +, um einen neuen Gruppenbereich hinzuzufügen.

Kontextmenü für Chatbereiche.

  1. Klicken Sie auf Gruppenbereich erstellen.
  2. Geben Sie im Dialogfeld einen beliebigen Namen für den neuen Gruppenbereich ein. Wir empfehlen den Namen Inventory Chat Space (Inventar-Chatbereich), der in diesem Codelab später verwendet wird.

Dialogfeld „Gruppenbereich erstellen“

  1. Klicken Sie auf Erstellen, um das Erstellen des neuen Gruppenbereichs abzuschließen.

Nachdem der neue Chatbereich erstellt wurde, wird er links unten im Chatfenster angezeigt.

Benutzeroberfläche für Gruppenbereiche

Google Chat App dem neuen Chatbereich hinzufügen

  1. Wenn Sie Ihrem Chatbereich die Chat-App hinzufügen möchten, klicken Sie auf den Gruppenbereich und dann auf den Abwärtspfeil rechts neben dem Namen des Gruppenbereichs. Dadurch wird ein kontextbezogenes Dropdown-Menü aufgerufen.
  2. Klicken Sie auf Apps und Integrationen.

Apps und Integrationen.

Ein Dialogfeld wird angezeigt, über das Sie Ihrem Gruppenbereich Apps hinzufügen können.

  1. Klicken Sie auf die Schaltfläche + Apps hinzufügen.

Fügen Sie dem Inventar-Chatbereich Apps hinzu.

  1. Suchen Sie im Dialogfeld nach der App Simple Inventory Chat und klicken Sie dann auf Hinzufügen.

App wird dem Chatbereich hinzugefügt.

Sobald die Chat App Ihrem Gruppenbereich hinzugefügt wurde, werden Nachrichten an den Gruppenbereich gesendet.

Chatfenster mit neuer Chat-App

Die neue Chat-App ist jetzt in Ihrem Chatbereich installiert. Kehren Sie zur Chat App zurück und fügen Sie eine Automatisierung hinzu, um Nachrichten an diesen Chatbereich zu senden.

6. Chat-Automatisierung erstellen, um Nachrichten an den Chatbereich zu senden

Die folgenden Schritte zeigen, wie Sie die Chat App veröffentlichen:

  1. Kehren Sie zur AppSheet-Anwendung zurück und öffnen Sie noch einmal die Seite mit den Chat-Einstellungen (falls dies nicht der Fall ist).
  2. Klicken Sie auf Anpassen, um die Einstellungen für die Chat App zu öffnen.
  3. Klicken Sie auf die Schaltfläche + Aktion, um das Kontextmenü für Chataktionen aufzurufen.

Aktionsschaltfläche.

  1. Klicken Sie auf die Option Nachricht bei Datenänderungen. Dadurch wird eine vollständige Automatisierung erstellt, um bei Datenänderungen Nachrichten zu senden.

Kontextmenü "Aktionen".

Die neue Automatisierung wird im AppSheet-Editor angezeigt.

Wichtig:Klicken Sie rechts oben noch nicht auf Speichern. Sie müssen die Automatisierung weiter konfigurieren.

  1. Klicken Sie auf den Prozess Chatnachricht senden.

Chatautomatisierung.

Das Fenster mit den Einstellungen auf der rechten Seite wird geöffnet.

  1. Klicken Sie unter Nachrichteninhalt und Gruppenbereich-ID(s) auf Hinzufügen.

Ein Chatbereich wird zur Chat-Automatisierung hinzugefügt.

  1. Klicken Sie auf die Option Inventar-Chatbereich, um die Automatisierung so zu konfigurieren, dass Nachrichten an diesen Chatbereich gesendet werden.
  2. Ändern Sie den Nachrichtentext in Die Tabelle mit Elementen wurde aktualisiert.
  3. Wählen Sie im Drop-down-Menü für die Einstellung App-Ansicht senden (optional) die Option Items_Detail aus.

Der Nachrichteninhalt sollte fertiggestellt sein.

Letzte Einstellungen für den Nachrichteninhalt.

  1. Klicken Sie rechts oben im AppSheet-Editor auf Speichern.

Ihre Chat-App ist jetzt so konfiguriert, dass Nachrichten an Ihren Chatbereich gesendet werden.

7. Chat-Automatisierung testen

Mit den folgenden Schritten können Sie Ihre Automatisierung testen und sehen, ob Nachrichten an Ihren Chatbereich gesendet werden. Aktualisieren Sie im Vorschaufenster des AppSheet-Editors einen Datensatz in der Tabelle Items. Dadurch wird die Automatisierung ausgelöst, um eine Nachricht an den Chatbereich zu senden.

  1. Klicken Sie im Vorschaufenster des AppSheet-Editors auf das Mobile-Symbol 63e1499db148fde8.png, um die App in einer mobilen Ansicht anzuzeigen. Klicken Sie dann auf einen Datensatz, z. B. Saw.

App im Vorschaufenster für Mobilgeräte.

  1. Klicken Sie in der Ansicht Details des Eintrags auf das Symbol Bearbeiten.

Ansicht „Datensatzdetails“.

  1. Ändern Sie die Beschreibung in Schnurlose Kreissäge.

Bearbeiten der Beschreibung im Datensatz.

  1. Klicken Sie im Vorschaufenster auf Speichern. Dadurch wird eine Nachricht an Ihren Chatbereich gesendet.

Nach Eingang der Nachricht sollten Sie eine Bing-Benachrichtigung hören.

  1. Kehren Sie zum Chatfenster zurück, klicken Sie rechts unten auf den Chatbereich und sehen Sie sich die neue Nachricht The Items table was updated (Die Tabelle „Items“ wurde aktualisiert) zusammen mit der Chatkarte Items_Detail an.

Chat-UI mit einer Nachricht aus der Chat-App

8. Glückwunsch

Sie haben das Codelab zu AppSheet Chat-Apps abgeschlossen.

Weitere Informationen