1. Hinweis
Chat-Apps sind Webanwendungen oder Dienste, die in Google Chat ausgeführt werden. Mit AppSheet kann jede AppSheet-App jetzt als Chat-App ausgeführt werden. Nach der Aktivierung und Veröffentlichung bieten sie einen zusätzlichen Formfaktor für die in AppSheet-Apps präsentierten Daten.
Lerninhalte
- Hier erfahren Sie, wie Sie eine vorhandene Beispiel-App aus einer Vorlage verwenden und Chat-Apps dafür aktivieren.
- So passen Sie das Verhalten der Chat App an.
- So fügen Sie Ihre Chat-App einem vorhandenen Workspace-Chatbereich hinzu.
- Chat-Automatisierung erstellen, mit der Nachrichten an einen Chat-Bereich gesendet werden.
Umfang
In diesem Codelab erfahren Sie, wie Sie eine vorhandene Vorlagen-App aktivieren, konfigurieren und als Chat-App veröffentlichen. Außerdem 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. App „Einfache Inventarvorlage“ kopieren
Kopieren Sie zuerst die App „Simple Inventory Template“. Diese App wird dann in diesem Codelab für den Chat aktiviert.
- Rufen Sie die AppSheet-Startseite ( appsheet.com) auf und klicken Sie auf Erstellen > App > Mit einer Vorlage beginnen.
- Klicken Sie auf der App-Karte für die Vorlage Einfaches Inventar auf Kopieren.
- Geben Sie im Dialogfeld App klonen den Namen Simple Inventory Chat für die App ein.
Eine neue Kopie der Vorlagen-App wird erstellt und in den AppSheet-Editor geladen.
- Wenn die App geladen wird, sehen Sie eine Warnung, dass Bots E‑Mails nur an den App-Inhaber senden, da die App nicht bereitgestellt ist. Damit Sie Chat aktivieren können, muss die App bereitgestellt werden. Klicken Sie dazu im Editor auf der Seite Verwalten auf „Bereitstellen“. Klicken Sie dann auf Veröffentlichen und anschließend auf App in Zustand „Bereitgestellt“ verschieben.
3. Neue Chat-App erstellen und anpassen
In den folgenden Schritten wird beschrieben, wie Sie eine neue Chat-App in der aktuellen AppSheet-Anwendung erstellen.
Chat-App erstellen
- Rufen Sie die Seite mit den Chateinstellungen im Navigator von AppSheet auf, um die Chateinstellungen zu sehen.
- Klicken Sie auf Erstellen, um mit der Einrichtung der Chat-App zu beginnen.
- Klicken Sie im Dialogfeld Aktivieren auf Weiter, um fortzufahren.
Wichtig:Es wird eine Meldung angezeigt, in der darauf hingewiesen wird, dass die Erstellung einer Chat-App einige Minuten dauert. Aktualisieren Sie diese Seite nicht.
- Während die Chat-App erstellt wird, wird die Seite Anpassen angezeigt.
Die Chat-App wird erstellt und bereits veröffentlicht. Die folgenden Anpassungsschritte sind alle optional.
- Klicken Sie auf Erste Nachricht und legen Sie Nachrichtentext fest, um die erste Nachricht anzupassen, die angezeigt wird, wenn der Chat eingeblendet wird. Fügen Sie eine benutzerdefinierte Nachricht hinzu, die angezeigt werden soll, wenn die Chat-App zum ersten Mal gerendert wird.
- Scrollen Sie nach unten zu Aktionen konfigurieren und klicken Sie auf Aktion.
- Wählen Sie im angezeigten Menü Aktion die erste Option Slash command: Open app view (Slash-Befehl: App-Ansicht öffnen) aus.
- Geben Sie Folgendes ein:
App-Ansicht |
|
Name |
|
Beschreibung |
|
- Klicken Sie auf Weiter, um den Vorgang fortzusetzen.
Glückwunsch! Ihre erste Chat-App aus AppSheet wurde jetzt bereitgestellt.
4. Chat App installieren
Nachdem Ihre App bereitgestellt wurde, müssen Sie sie in Ihrer Google Chat-Umgebung installieren, um sie verwenden zu können.
So installieren Sie die App:
- Öffnen Sie Google Chat.
- Klicken Sie rechts neben Chat auf das Symbol +.
- Suchen Sie nach Ihrer App, Simple Inventory Chat.
- Suchen Sie in den Ergebnissen nach Ihrer App und klicken Sie darauf, um sie zu installieren.
Nach der Installation sendet Ihre Chat-App eine Direktnachricht mit einer Menükarte.
- Wenn Sie die App testen möchten, klicken Sie auf Inventarprotokoll oder einen der anderen Links auf der Chat-Karte.
Das aktuelle Inventar wird in einem Chatfenster angezeigt.
- Optional: Klicken Sie auf einen anderen Link, z. B. Artikel. Die App wird in einem neuen Fenster geöffnet. Das liegt daran, dass die Ansicht Artikel in der Chat-Benutzeroberfläche nicht unterstützt wird.
- Optional: Testen Sie die Chat-App-Version der Simple Inventory Chat-App.
5. Chat-App zu einem Chatbereich hinzufügen
In den folgenden Schritten wird die Chat-App einem Chat-Bereich hinzugefügt. Das ist nützlich, wenn die Chat-App eine Nachricht an eine Gruppe von Personen senden soll.
Neuen Chatbereich erstellen
Damit Sie fortfahren können, benötigen Sie einen Chatbereich.
- Klicken Sie im Chatfenster unten links neben Gruppenbereiche auf das +, um einen neuen Gruppenbereich hinzuzufügen.
- Klicken Sie auf Gruppenbereich erstellen.
- Geben Sie im Dialogfeld einen Namen für den neuen Gruppenbereich ein. Der empfohlene Name ist Inventory Chat Space, da in diesem Codelab später darauf verwiesen wird.
- Klicken Sie auf Erstellen, um den neuen Gruppenbereich zu erstellen.
Nach der Erstellung wird der neue Gruppenbereich unten links im Chatfenster angezeigt.
Chat-App zum neuen Chatbereich hinzufügen
- Wenn Sie Ihre Chat-App Ihrem Chat-Gruppenbereich hinzufügen möchten, klicken Sie auf den Gruppenbereich und dann rechts neben dem Namen des Chat-Gruppenbereichs auf den Abwärtspfeil. Dadurch wird ein kontextbezogenes Drop-down-Menü aufgerufen.
- Klicken Sie auf Apps und Integrationen.
Ein Dialogfeld wird angezeigt, in dem Sie Apps zu Ihrem Gruppenbereich hinzufügen können.
- Klicken Sie auf die Schaltfläche + Apps hinzufügen.
- Suchen Sie im Dialogfeld nach der App Simple Inventory Chat und klicken Sie dann auf Hinzufügen.
Wenn die Chat-App Ihrem Gruppenbereich hinzugefügt wurde, sendet sie eine Nachricht an den Gruppenbereich.
Nachdem Ihre neue Chat-App in Ihrem Chat-Gruppenbereich installiert wurde, kehren Sie zur Chat-App zurück und fügen Sie eine Automatisierung hinzu, um Nachrichten an diesen Chat-Gruppenbereich zu senden.
6. Chat-Automatisierung erstellen, um Nachrichten an den Chat-Bereich zu senden
Die folgenden Schritte zeigen, wie Sie die Chat-App veröffentlichen:
- Kehren Sie zur AppSheet-Anwendung zurück und öffnen Sie die Seite mit den Chateinstellungen noch einmal, falls sie nicht mehr geöffnet ist.
- Klicken Sie auf Anpassen, um die Einstellungen der Chat-App zu öffnen.
- Klicken Sie auf die Schaltfläche + Aktion, um das Kontextmenü für Chat-Aktionen aufzurufen.
- Klicken Sie auf die Option Benachrichtigung bei Datenänderungen. So wird eine vollständige Automatisierung erstellt, mit der Nachrichten gesendet werden, wenn sich Daten ändern.
Die neue Automatisierung wird im AppSheet-Editor angezeigt.
Wichtig:Klicken Sie noch nicht rechts oben auf Speichern. Sie müssen die Automatisierung weiter konfigurieren.
- Klicken Sie auf den Prozess Chatnachricht senden.
Dadurch wird das Einstellungsfenster rechts geöffnet.
- Klicken Sie unter Nachrichteninhalt und Bereichs-ID(s) auf Hinzufügen.
- Klicken Sie auf die Option Inventar-Chatbereich, um die Automatisierung so zu konfigurieren, dass Nachrichten an diesen Chatbereich gesendet werden.
- Aktualisieren Sie den Nachrichtentext zu Die Artikeltabelle wurde aktualisiert.
- 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.
- 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 Chat-Bereich gesendet werden. Aktualisieren Sie im Vorschaufenster des AppSheet-Editors einen Datensatz in der Tabelle Items (Artikel). Dadurch wird die Automatisierung ausgelöst, um eine Nachricht an den Chat-Bereich zu senden.
- Klicken Sie im Vorschaufenster des AppSheet-Editors auf das Mobilgerätsymbol
, um die App in einer mobilen Ansicht aufzurufen. Klicken Sie dann auf einen Datensatz, z. B. Saw (Säge).
- Klicken Sie in der Ansicht Details des Datensatzes auf das Symbol Bearbeiten.
- Ändern Sie die Beschreibung in Akkubetriebene Kreissäge.
- Klicken Sie im Vorschaufenster auf Speichern. Dadurch wird eine Nachricht an Ihren Chatbereich gesendet.
Sie sollten einen Bing-Benachrichtigungston hören, sobald die Nachricht empfangen wurde.
- Kehren Sie zum Chatfenster zurück und klicken Sie dann rechts unten auf Chat Space. Dort sehen Sie die neue Nachricht Die Tabelle „Artikel“ wurde aktualisiert zusammen mit der Chatkarte Items_Detail.
8. Glückwunsch
Sie haben das Codelab zu AppSheet-Chat-Apps abgeschlossen.