Diese Seite wurde von der Cloud Translation API übersetzt.

Fehler in Google Chat-Apps beheben

Als Entwickler von Google Chat-Apps müssen Sie möglicherweise Code debuggen, um Änderungen zu testen oder komplexe Herausforderungen zu bewältigen. Beim Debugging von Chat-Apps gibt es je nach Architektur, Funktionsweise und Bereitstellung Ihrer App sowie Ihren Vorlieben verschiedene Möglichkeiten.

Auf dieser Seite wird beschrieben, wie Sie eine HTTP-Chat-App mit ngrok debuggen. Ngrok ist eine einheitliche Ingress-Plattform, mit der Sie lokale Entwicklungsumgebungen testen können. In dieser Anleitung testen Sie Codeänderungen in einer lokalen Umgebung und beheben Probleme in einer Remote-Umgebung.

In der lokalen Entwicklungsumgebung debuggen

In diesem Abschnitt interagieren Sie mit Ihrer Chat-App, die in Ihrer lokalen Umgebung ausgeführt wird.

Fehlerbehebung in der lokalen Entwicklungsumgebung

Abbildung 1. In einer lokalen Entwicklungsumgebung debuggen

Workshop

Node.js

Python

Java

Vorbereitung

Node.js

Die neuesten Versionen von node und npm müssen in Ihrer lokalen Umgebung installiert sein.
Die neueste Version von nodemon, die in Ihrer lokalen Umgebung installiert ist. Sie wird für das automatische Neuladen verwendet:
```
npm install -g nodemon
```
Eine HTTP-Chat-App, die für die Nachrichtenübermittlung konfiguriert ist. Folgen Sie den Abschnitten Voraussetzungen, Umgebung einrichten und App in Google Chat veröffentlichen der Kurzanleitung. Die einzigen Unterschiede sind, dass Sie den App-Namen auf Debug App und die HTTP-Endpunkt-URL auf einen beliebigen Wert wie http://example.com festlegen müssen.
Eine IDE, die in Ihrer lokalen Umgebung eingerichtet ist und mit der Sie Fehler beheben können. In diesem Leitfaden verwenden wir zur Veranschaulichung die Visual Studio Code IDE und ihre standardmäßigen Debugging-Funktionen.
Git in Ihrer lokalen Umgebung installiert ist.
Ein ngrok-Konto.

Python

Die neueste Version von python3, die in Ihrer lokalen Umgebung installiert ist.
Die neueste Version von pip und virtualenv, die in Ihrer lokalen Umgebung installiert ist. Sie werden zum Verwalten von Python-Paketen bzw. virtuellen Umgebungen verwendet.
Eine HTTP-Chat-App, die für die Nachrichtenübermittlung konfiguriert ist. Folgen Sie den Abschnitten Voraussetzungen, Umgebung einrichten und App in Google Chat veröffentlichen der Kurzanleitung. Die einzigen Unterschiede sind, dass Sie den App-Namen auf Debug App und die HTTP-Endpunkt-URL auf einen beliebigen Wert wie http://example.com festlegen müssen.
Eine IDE, die in Ihrer lokalen Umgebung eingerichtet ist und mit der Sie Fehler beheben können. In diesem Leitfaden verwenden wir zur Veranschaulichung die Visual Studio Code IDE und ihre standardmäßigen Debugging-Funktionen.
Git in Ihrer lokalen Umgebung installiert ist.
Ein ngrok-Konto.
Die neueste Version von gcloud muss in Ihrer lokalen Umgebung installiert und initialisiert sein.

Java

Die neueste stabile Version von Java SE 11's JDK, die in Ihrer lokalen Umgebung installiert ist.
Die neueste Version von Apache Maven, die in Ihrer lokalen Umgebung installiert ist und zum Verwalten von Java-Projekten verwendet wird.
Eine HTTP-Chat-App, die für die Nachrichtenübermittlung konfiguriert ist. Folgen Sie den Abschnitten Voraussetzungen, Umgebung einrichten und App in Google Chat veröffentlichen der Kurzanleitung. Die einzigen Unterschiede sind, dass Sie den App-Namen auf Debug App und die HTTP-Endpunkt-URL auf einen beliebigen Wert wie http://example.com festlegen müssen.
Eine IDE, die in Ihrer lokalen Umgebung eingerichtet ist und mit der Sie Fehler beheben können. In diesem Leitfaden verwenden wir zur Veranschaulichung die Visual Studio Code IDE und ihre standardmäßigen Debugging-Funktionen.
Git in Ihrer lokalen Umgebung installiert ist.
Ein ngrok-Konto.
Die neueste Version von gcloud muss in Ihrer lokalen Umgebung installiert und initialisiert sein.

Localhost-Dienst öffentlich zugänglich machen

Sie müssen Ihre lokale Umgebung mit dem Internet verbinden, damit die Chat-App darauf zugreifen kann. Mit der Anwendung ngrok werden HTTP-Anfragen an eine öffentliche URL an Ihre lokale Umgebung weitergeleitet.

Melden Sie sich in einem Browser in Ihrer lokalen Umgebung in Ihrem ngrok-Konto an.
Installieren Sie die Anwendung und richten Sie Ihr authtoken in Ihrer lokalen Umgebung ein.
Erstellen Sie eine statische Domain in Ihrem ngrok-Konto. In der Anleitung in diesem Leitfaden wird sie als NGROK_STATIC_DOMAIN bezeichnet.

Chat App konfigurieren

Konfigurieren Sie die Chat-App so, dass alle HTTP-Anfragen an Ihre statische Domain gesendet werden.

Öffnen Sie in der Google Cloud Console die Seite „Google Chat API“:

Seite „Google Chat API“ aufrufen
Klicken Sie auf den Tab Konfiguration.
Gehen Sie zu Interaktive Funktionen > Verbindungseinstellungen und legen Sie den Wert für das Textfeld HTTP-Endpunkt-URL so fest:
```
https://NGROK_STATIC_DOMAIN
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihrem ngrok-Konto.
Klicken Sie auf Speichern.

Die Chat-App sendet alle HTTP-Anfragen an die statische Domain.

Abbildung 2: Die Chat-App sendet alle HTTP-Anfragen an die statische Domain. Der öffentliche Dienst ngrok dient als Brücke zwischen der Chat-App und dem lokal ausgeführten Anwendungscode.

Chat-App testen

Sie können Ihre Chat-App lokal bereitstellen, konfigurieren, testen, beheben und automatisch neu laden.

Node.js

Klonen Sie das googleworkspace/google-chat-samples-Repository von GitHub in Ihre lokale Umgebung. Es enthält den Code der ausführbaren Anwendung:
```
git clone https://github.com/googleworkspace/google-chat-samples.git
```
Führen Sie in der in Ihrer lokalen Umgebung installierten Visual Studio Code-IDE die folgenden Schritte aus:
1. Öffnen Sie in einem neuen Fenster den Ordner google-chat-samples/node/basic-app.
2. Konfigurieren Sie die Anwendung für das automatische Neuladen beim Debuggen, indem Sie der Datei package.json zwei Scripts hinzufügen:
```
{
    ...
    "scripts": {
        ...
        "debug": "node --inspect index.js",
        "debug-watch": "nodemon --watch ./ --exec npm run debug"
    }
    ...
}
```
3. Installieren Sie die Anwendung aus dem Stammverzeichnis:
```
npm install
```
4. Erstellen und konfigurieren Sie einen Start namens Debug Watch, der das Script debug-watch auslöst. Erstellen Sie dazu die Datei .vscode/launch.json im Stammverzeichnis:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "node",
        "request": "launch",
        "name": "Debug Watch",
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": "npm",
        "runtimeArgs": ["run-script", "debug-watch"]
    }]
}
```
5. Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei index.js pausiert, und starten Sie die Ausführung und das Debuggen mit der zuvor hinzugefügten Debug Watch-Konfiguration. Die Anwendung wird jetzt ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
  
  Abbildung 3: Die Anwendung wird ausgeführt und wartet auf HTTP-Anfragen an Port 9000.
Starten Sie die ngrok-Anwendung in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihrem ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.

Abbildung 4: Das Terminal mit dem laufenden und weiterleitenden ngrok-Server
Die ngrok-Anwendung startet auch eine Weboberfläche auf Ihrem localhost. Sie können alle Aktivitäten beobachten, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche zeigt keine HTTP-Anfragen an.
Testen Sie Ihre Chat-App, indem Sie ihr eine Direktnachricht senden:
- Öffnen Sie Google Chat.
  
  Google Chat öffnen
- Klicken Sie auf Neuer Chat .
- Geben Sie im Dialogfeld den Namen Ihrer Chat-App ein.
- Suchen Sie in den Suchergebnissen nach der Chat-App und klicken Sie auf Hinzufügen > Chat.
- Geben Sie im Direktnachrichtenbereich Hello ein und drücken Sie enter. Ihre Chat-App antwortet nicht, weil sie gerade aktiv debuggt wird.
In der Visual Studio Code in Ihrer lokalen Umgebung sehen Sie, dass die Ausführung am festgelegten Haltepunkt pausiert ist.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt pausiert.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, bevor Google Chat ein Zeitlimit erreicht, antwortet die Chat-App mit Your message : Hello.
Sie können die HTTP-Anfrage- und Antwortprotokolle über die Weboberfläche prüfen, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird.

Abbildung 7: Die HTTP-Anfrage von der Webansicht, die von der ngrok-Anwendung gehostet wird.
Wenn Sie das Anwendungsverhalten ändern möchten, ersetzen Sie Your message durch Here was your message inline 35 des index.json. Wenn Sie die Datei speichern, wird die Anwendung in nodemon automatisch mit dem aktualisierten Quellcode neu geladen und nodemon bleibt im Debug-Modus.Visual Studio Code

Abbildung 8. Die Anwendung wird ausgeführt und überwacht HTTP-Anfragen an Port 9000, wobei die Codeänderung geladen ist.
Anstatt eine zweite Nachricht Hello in den Gruppenbereich zu senden, können Sie diesmal die letzte HTTP-Anfrage auswählen, die in der Weboberfläche protokolliert wurde, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, und auf Replay klicken. Wie beim letzten Mal antwortet Ihre Chat-App nicht, da sie gerade aktiv debuggt wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, sehen Sie in der Webansicht, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, dass die Anwendung eine Antwort mit der aktualisierten Version der Nachricht Here was your message : Hello generiert.

Python

Rufen Sie neue Nutzeranmeldedaten für Standardanmeldedaten für Anwendungen ab:
```
gcloud config set project PROJECT_ID
gcloud auth application-default login
```
Ersetzen Sie PROJECT_ID durch die Projekt-ID des Cloud-Projekts der App.
Klonen Sie das googleworkspace/google-chat-samples-Repository aus GitHub in Ihre lokale Umgebung. Es enthält den Anwendungscode:
```
git clone https://github.com/googleworkspace/google-chat-samples.git
```
Führen Sie in der in Ihrer lokalen Umgebung installierten Visual Studio Code-IDE die folgenden Schritte aus:
1. Öffnen Sie in einem neuen Fenster den Ordner google-chat-samples/python/avatar-app.
2. Erstellen Sie eine neue virtuelle Umgebung für Python env und aktivieren Sie sie:
```
virtualenv env
source env/bin/activate
```
3. Installieren Sie alle Projektabhängigkeiten mit pip in der virtuellen Umgebung:
```
pip install -r requirements.txt
```
4. Erstellen Sie die Datei .vscode/launch.json im Stammverzeichnis und konfigurieren Sie einen Start namens Debug Watch, der die Anwendung aus dem Modul functions-framework über den Port 9000 im Debug-Modus in der virtuellen Umgebung env auslöst:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "python",
        "request": "launch",
        "name": "Debug Watch",
        "python": "${workspaceFolder}/env/bin/python3",
        "module": "functions_framework",
        "args": [
            "--target", "avatar_app",
            "--port", "9000",
            "--debug"
        ]
    }]
}
```
5. Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei main.py pausiert, und starten Sie die Ausführung und das Debuggen mit der zuvor hinzugefügten Debug Watch-Konfiguration. Die Anwendung wird jetzt ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
  
  Abbildung 3: Die Anwendung wird ausgeführt und wartet auf HTTP-Anfragen an Port 9000.
Starten Sie die ngrok-Anwendung in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihrem ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.

Abbildung 4: Das Terminal mit dem laufenden und weiterleitenden ngrok-Server
Die ngrok-Anwendung startet auch eine Weboberfläche auf Ihrem localhost. Sie können alle Aktivitäten beobachten, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche zeigt keine HTTP-Anfragen an.
Testen Sie Ihre Chat-App, indem Sie ihr eine Direktnachricht senden:
- Öffnen Sie Google Chat.
  
  Google Chat öffnen
- Klicken Sie auf Neuer Chat .
- Geben Sie im Dialogfeld den Namen Ihrer Chat-App ein.
- Suchen Sie in den Suchergebnissen nach der Chat-App und klicken Sie auf Hinzufügen > Chat.
- Geben Sie im Direktnachrichtenbereich Hey! ein und drücken Sie enter. Ihre Chat-App antwortet nicht, weil sie gerade aktiv debuggt wird.
In der Visual Studio Code in Ihrer lokalen Umgebung sehen Sie, dass die Ausführung am festgelegten Haltepunkt pausiert ist.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt pausiert.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, bevor Google Chat ein Zeitlimit erreicht, antwortet die Chat-App mit Ihrem Namen und Ihrem Avatarbild in der Nachricht.
Sie können die HTTP-Anfrage- und Antwortprotokolle über die Weboberfläche prüfen, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird.

Abbildung 7: Die HTTP-Anfrage von der Webansicht, die von der ngrok-Anwendung gehostet wird.
Wenn Sie das Verhalten der Anwendung ändern möchten, ersetzen Sie Hello durch Hey in der 51-Zeile der Datei main.py. Wenn Sie die Datei speichern, wird die Anwendung von Visual Studio Code automatisch mit dem aktualisierten Quellcode neu geladen und bleibt im Debug-Modus.

Abbildung 8. Die Anwendung wird ausgeführt und überwacht HTTP-Anfragen an Port 9000, wobei die Codeänderung geladen ist.
Anstatt eine zweite Nachricht Hey! in den Gruppenbereich zu senden, können Sie diesmal die letzte HTTP-Anfrage auswählen, die in der Weboberfläche protokolliert wurde, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, und auf Replay klicken. Wie beim letzten Mal antwortet Ihre Chat-App nicht, da sie gerade aktiv debuggt wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, sehen Sie in der Webansicht, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, dass die Anwendung eine Antwort mit der aktualisierten Version der Nachricht generiert.

Java

Rufen Sie neue Nutzeranmeldedaten für Standardanmeldedaten für Anwendungen ab:
```
gcloud config set project PROJECT_ID
gcloud auth application-default login
```
Ersetzen Sie PROJECT_ID durch die Projekt-ID des Cloud-Projekts der App.
Klonen Sie das googleworkspace/google-chat-samples-Repository aus GitHub in Ihre lokale Umgebung. Es enthält den Anwendungscode:
```
git clone https://github.com/googleworkspace/google-chat-samples.git
```
Führen Sie in der in Ihrer lokalen Umgebung installierten Visual Studio Code-IDE die folgenden Schritte aus:
1. Öffnen Sie in einem neuen Fenster den Ordner google-chat-samples/java/avatar-app.
2. Konfigurieren Sie das Maven-Projekt so, dass die Anwendung App lokal auf Port 9000 ausgeführt wird. Fügen Sie dazu das Build-Plug-in function-maven-plugin des Cloud Functions Framework in die Datei pom.xml ein:
```
...
<plugin>
    <groupId>com.google.cloud.functions</groupId>
    <artifactId>function-maven-plugin</artifactId>
    <version>0.11.0</version>
    <configuration>
        <functionTarget>App</functionTarget>
        <port>9000</port>
    </configuration>
</plugin>
...
```
3. Sie können sie jetzt lokal im Debug-Modus starten:
```
mvnDebug function:run
Preparing to execute Maven in debug mode
Listening for transport dt_socket at address: 8000
```
4. Erstellen Sie die Datei .vscode/launch.json im Stammverzeichnis und konfigurieren Sie einen Start namens Remote Debug Watch, der mit der Anwendung verbunden wird, die zuvor mit dem Port 8000 gestartet wurde:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "java",
        "request": "attach",
        "name": "Remote Debug Watch",
        "projectName": "http-function",
        "hostName": "localhost",
        "port": 8000
    }]
}
```
5. Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei App.java pausiert, und starten Sie die Verknüpfung und das Debuggen mit der zuvor hinzugefügten Remote Debug Watch-Konfiguration. Die Anwendung wird jetzt ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
  
  Abbildung 3: Die Anwendung wird ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
Starten Sie die ngrok-Anwendung in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihrem ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.

Abbildung 4: Das Terminal mit dem laufenden und weiterleitenden ngrok-Server
Die ngrok-Anwendung startet auch eine Weboberfläche auf Ihrem localhost. Sie können alle Aktivitäten beobachten, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche zeigt keine HTTP-Anfragen an.
Testen Sie Ihre Chat-App, indem Sie ihr eine Direktnachricht senden:
- Öffnen Sie Google Chat.
  
  Google Chat öffnen
- Klicken Sie auf Neuer Chat .
- Geben Sie im Dialogfeld den Namen Ihrer Chat-App ein.
- Suchen Sie in den Suchergebnissen nach der Chat-App und klicken Sie auf Hinzufügen > Chat.
- Geben Sie im Direktnachrichtenbereich Hey! ein und drücken Sie enter. Ihre Chat-App antwortet nicht, weil sie gerade aktiv debuggt wird.
In der Visual Studio Code in Ihrer lokalen Umgebung sehen Sie, dass die Ausführung am festgelegten Haltepunkt pausiert ist.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt pausiert.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, bevor Google Chat ein Zeitlimit erreicht, antwortet die Chat-App mit Ihrem Namen und Ihrem Avatarbild in der Nachricht.
Sie können die HTTP-Anfrage- und Antwortprotokolle über die Weboberfläche prüfen, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird.

Abbildung 7: Die HTTP-Anfrage von der Webansicht, die von der ngrok-Anwendung gehostet wird.
Wenn Sie das Verhalten der Anwendung ändern möchten, ersetzen Sie Hello durch Hey in der 55-Zeile der App.java-Datei, starten Sie den mvnDebug-Prozess neu und starten Sie Remote Debug Watch neu, um das Debugging neu zu verbinden und zu starten.
Anstatt eine zweite Nachricht Hey! in den Gruppenbereich zu senden, können Sie diesmal die letzte HTTP-Anfrage auswählen, die in der Weboberfläche protokolliert wurde, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, und auf Replay klicken. Wie beim letzten Mal antwortet Ihre Chat-App nicht, da sie gerade aktiv debuggt wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen, sehen Sie in der Webansicht, die von der ngrok-Anwendung in Ihrer lokalen Umgebung gehostet wird, dass die Anwendung eine Antwort mit der aktualisierten Version der Nachricht generiert.

In einer Remote-Umgebung debuggen

In diesem Abschnitt interagieren Sie mit Ihrer Chat-App, die in einer Remote-Umgebung ausgeführt wird.

Fehlerbehebung in einer Remote-Umgebung

Abbildung 9. Debuggen aus einer Remote-Umgebung

Vorbereitung

Einen Direktnachrichtenbereich mit Ihrer Chat-App. Folgen Sie dazu dem Abschnitt Chat-App testen in der Kurzanleitung und suchen Sie nach Ihrer Chat-App, um einen Direktnachrichtenbereich zu starten.
Ihre Anwendung, die in Ihrer Remote-Umgebung ausgeführt wird und auf einem bestimmten Port der Debugger aktiviert ist. In der Anleitung dieses Leitfadens wird sie als REMOTE_DEBUG_PORT bezeichnet.
Ihre lokale Umgebung kann ssh mit Ihrer Remote-Umgebung kommunizieren.
Eine IDE, die in Ihrer lokalen Umgebung eingerichtet ist und mit der Sie Fehler beheben können. In diesem Leitfaden verwenden wir zur Veranschaulichung die Visual Studio CodeIDE und ihre standardmäßigen Debugging-Funktionen.

Lokale und Remote-Umgebungen verbinden

Richten Sie in der lokalen Umgebung, von der aus Sie eine Debug-Client-Verbindung herstellen möchten, einen SSH-Tunnel ein:

ssh -L LOCAL_DEBUG_PORT:localhost:REMOTE_DEBUG_PORT REMOTE_USERNAME@REMOTE_ADDRESS

Ersetzen Sie Folgendes:

LOCAL_DEBUG_PORT: Der Debug-Port in Ihrer lokalen Umgebung.
REMOTE_USERNAME: Der Nutzername in Ihrer Remote-Umgebung.
REMOTE_ADDRESS: Die Adresse Ihrer Remote-Umgebung.
REMOTE_DEBUG_PORT: Der Debug-Port in Ihrer Remote-Umgebung.

Der Debug-Port in Ihrer lokalen Umgebung ist jetzt mit dem Debug-Port in Ihrer Remote-Umgebung verknüpft.

Debugging starten

Führen Sie in der in Ihrer lokalen Umgebung installierten Visual Studio Code-IDE die folgenden Schritte aus:

Öffnen Sie in einem neuen Fenster den Quellcode Ihrer App.

Erstellen Sie die Datei .vscode/launch.json im Stammverzeichnis und konfigurieren Sie einen Start mit dem Namen Debug Remote, der mit dem Debug-Port in Ihrer lokalen Umgebung verbunden wird:

Node.js

{
    "version": "0.2.0",
    "configurations": [{
        "type": "node",
        "request": "attach",
        "name": "Debug Remote",
        "address": "127.0.0.1",
        "port": LOCAL_DEBUG_PORT
    }]
}

Python

{
    "version": "0.2.0",
    "configurations": [{
        "type": "python",
        "request": "attach",
        "name": "Debug Remote",
        "connect": {
            "host": "127.0.0.1",
            "port": LOCAL_DEBUG_PORT
        }
    }]
}

Java

{
    "version": "0.2.0",
    "configurations": [{
        "type": "java",
        "request": "attach",
        "name": "Debug Remote",
        "hostName": "127.0.0.1",
        "port": LOCAL_DEBUG_PORT
    }]
}

Ersetzen Sie LOCAL_DEBUG_PORT durch den Debug-Port in Ihrer lokalen Umgebung.

Fügen Sie im Quellcode Ihrer App einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage pausiert, und starten Sie die Ausführung und das Debuggen mit der zuvor hinzugefügten Debug Remote-Konfiguration.

Geben Sie in der Direktnachrichten-Ansicht Ihrer Chat-App einen beliebigen Text ein und drücken Sie die enter. Ihre Chat-App antwortet nicht, weil sie in der Visual Studio Code-IDE aktiv entwickelt wird.

Weitere Informationen

Weitere Informationen zum Aktivieren und Abfragen von Fehlerprotokollen
Informationen zum Beheben von Google Chat-App-Fehlern wie „Die App reagiert nicht“, „Die Google Chat API ist nur für Google Workspace-Nutzer verfügbar“ oder „Nutzer können aus Gruppenbereichen ausgeschlossen werden“
Informationen zum Beheben von Kartenfehlern, z. B. wenn Kartennachrichten, Dialogfelder oder Linkvorschauen nicht wie erwartet gerendert werden oder nicht funktionieren