Diese Seite wurde von der Cloud Translation API übersetzt.

HTTP-Add-ons für Google Workspace testen und Fehler beheben

Als Entwickler von Google Workspace-Add-ons müssen Sie möglicherweise Code debuggen, Änderungen zu testen oder komplexe Probleme zu beheben. Fehler in Google Workspace-Add-ons beheben kann je nach App-Architektur auf viele verschiedene Arten wie die Anwendung bereitgestellt wird und welche Präferenzen es gibt.

Auf dieser Seite wird erläutert, wie Sie Fehler in einem HTTP-Add-on für Google Workspace mithilfe von ngrok, eine einheitliche Plattform für eingehenden Traffic, mit der Sie lokale Entwicklungsumgebungen. In diesem Leitfaden testen Sie Codeänderungen in einem lokalen und Probleme in einer Remote-Umgebung zu beheben.

Fehlerbehebung aus der lokalen Entwicklungsumgebung

In diesem Abschnitt interagieren Sie mit Ihrem Google Workspace-Add-on, das in Ihrer lokalen Umgebung ausgeführt wird.

Fehlerbehebung aus lokaler Entwicklung
umgebung

Abbildung 1. Fehler in einer lokalen Entwicklungsumgebung beheben

Vorbereitung

Node.js

Neueste Versionen von node und npm installiert in Ihrer lokalen Umgebung.
Die neueste Version von nodemon ist auf Ihrem lokalen Gerät installiert. wird es für die automatische Aktualisierung verwendet:
```
npm install -g nodemon
```
Ein Google Cloud-Projekt Sie können den Abschnitten Voraussetzungen und Richten Sie die Umgebung der Kurzanleitung .
Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrem lokalen zu verbessern. Wir verwenden die Vorschau-Link-Funktionen aus dem Codebeispiel 3p-resources aus dem GitHub-Repository googleworkspace/add-ons-samples in diesem Leitfaden zur Veranschaulichung.
Eine in Ihrer lokalen Umgebung eingerichtete IDE, die Fehler beheben kann. Wir verwenden die Visual Studio Code IDE und ihre Standardeinstellung Debug-Funktionen in dieses Leitfadens zur Veranschaulichung.
Ein ngrok-Konto.
Neueste Version von gcloud installiert und in Ihrem Konto initialisiert lokalen Umgebung.

Python

Neueste Version von python3 installiert in Ihrer lokalen Umgebung.
Die aktuelle Version von pip und virtualenv installiert in Ihrem lokalen Umgebung verwenden, werden sie zur Verwaltung von Python-Paketen und virtuellen Umgebungen.
Ein Google Cloud-Projekt Sie können den Abschnitten Voraussetzungen und Richten Sie die Umgebung der Kurzanleitung .
Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrem lokalen zu verbessern. Wir verwenden die Vorschau-Link-Funktionen aus dem Codebeispiel 3p-resources aus dem GitHub-Repository googleworkspace/add-ons-samples in diesem Leitfaden zur Veranschaulichung.
Eine in Ihrer lokalen Umgebung eingerichtete IDE, die Fehler beheben kann. Wir verwenden die Visual Studio Code IDE und ihre Standardeinstellung Debug-Funktionen in dieses Leitfadens zur Veranschaulichung.
Ein ngrok-Konto.
Neueste Version von gcloud installiert und in Ihrem Konto initialisiert lokalen Umgebung.

Java

Neueste stabile Version von Java SE 11's JDK auf Ihrem lokalen Gerät installiert, zu verbessern.
Neueste Version von Apache Maven in Ihrer lokalen Umgebung installiert ist, und wird verwendet, um Java-Projekte zu verwalten.
Ein Google Cloud-Projekt Sie können den Abschnitten Voraussetzungen und Richten Sie die Umgebung der Kurzanleitung .
Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrem lokalen zu verbessern. Wir verwenden die Vorschau-Link-Funktionen aus dem Codebeispiel 3p-resources aus dem GitHub-Repository googleworkspace/add-ons-samples in diesem Leitfaden zur Veranschaulichung.
Eine in Ihrer lokalen Umgebung eingerichtete IDE, die Fehler beheben kann. Wir verwenden die Visual Studio Code IDE und ihre Standardeinstellung Debug-Funktionen in dieses Leitfadens zur Veranschaulichung.
Ein ngrok-Konto.
Neueste Version von gcloud installiert und in Ihrem Konto initialisiert lokalen Umgebung.

localhost-Dienst öffentlich verfügbar machen

Sie müssen Ihre lokale Umgebung mit dem Internet verbinden, damit das Gerät Das Google Workspace-Add-on hat Zugriff darauf. Die Anwendung ngrok wird verwendet , um HTTP-Anfragen an eine öffentliche URL an Ihre lokale Umgebung weiterzuleiten.

Melden Sie sich in einem Browser in Ihrer lokalen Umgebung in Ihrem ngrok-Konto an.
Installiere die Anwendung und richte authtoken auf deinem lokalen Gerät ein
Erstellen Sie eine statische Domain in Ihrem ngrok-Konto, wird hier als NGROK_STATIC_DOMAIN bezeichnet in diesem Leitfaden.

Add-on-Bereitstellung erstellen und installieren

Google Workspace-Add-on so konfigurieren, dass alle HTTP-Anfragen an Ihrer statischen Domain. Die Bereitstellungsdatei sollte so aussehen:

{
  "oauthScopes": [
    "https://www.googleapis.com/auth/workspace.linkpreview",
    "https://www.googleapis.com/auth/workspace.linkcreate"
  ],
  "addOns": {
    "common": {
      "name": "Manage support cases",
      "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png",
      "layoutProperties": {
        "primaryColor": "#dd4b39"
      }
    },
    "docs": {
      "linkPreviewTriggers": [
        {
          "runFunction": "NGROK_STATIC_DOMAIN",
          "patterns": [
            {
              "hostPattern": "example.com",
              "pathPrefix": "support/cases"
            },
            {
              "hostPattern": "*.example.com",
              "pathPrefix": "cases"
            },
            {
              "hostPattern": "cases.example.com"
            }
          ],
          "labelText": "Support case",
          "localizedLabelText": {
            "es": "Caso de soporte"
          },
          "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png"
        }
      ],
      "createActionTriggers": [
        {
          "id": "createCase",
          "labelText": "Create support case",
          "localizedLabelText": {
            "es": "Crear caso de soporte"
          },
          "runFunction": "$URL2",
          "logoUrl": "https://developers.google.com/workspace/add-ons/images/support-icon.png"
        }
      ]
    }
  }
}

Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihrem ngrok-Konto.

Legen Sie das zu verwendende Google Cloud-Projekt fest:
```
gcloud config set project PROJECT_ID
```
Rufen Sie neue Nutzeranmeldedaten für Anwendungsstandard auf. Anmeldedaten:
```
gcloud auth application-default login
```
Ersetzen Sie PROJECT_ID durch den Projekt-ID für das Google Cloud-Projekt der Anwendung.

Erstellen Sie die Bereitstellung:

gcloud workspace-add-ons deployments create manageSupportCases \
    --deployment-file=DEPLOYMENT_FILE_PATH

Ersetzen Sie DEPLOYMENT_FILE_PATH durch den Pfad Ihres Bereitstellungsdatei.

Installieren Sie das Deployment:

gcloud workspace-add-ons deployments install manageSupportCases

Das Google Workspace-Add-on sendet alle HTTP-Anfragen an die
statische Domain

Abbildung 2: Das Google Workspace-Add-on sendet alle zugehörigen HTTP-Anfragen zur statischen Domain hinzugefügt. Der öffentliche Dienst ngrok fungiert als Brücke zwischen dem Google Workspace-Add-on und den ausgeführten Anwendungscode lokal.

Google Workspace-Add-on testen

Sie können Ihre Daten lokal bereitstellen, testen, debuggen und automatisch Google Workspace-Add-on.

Node.js

Führen Sie in der Visual Studio Code-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus: Gehen Sie so vor:
1. Öffnen Sie den Ordner in einem neuen Fenster. add-ons-samples/node/3p-resources
2. Konfigurieren Sie die Anwendung für die lokale Ausführung und das automatische Aktualisieren der Fehlerbehebung, indem Sie Fügen Sie der Datei package.json eine Abhängigkeit und zwei Skripts hinzu:
```
{
    ...
    "dependencies": {
      ...
      "@google-cloud/functions-framework": "^3.3.0"
    },
    "scripts": {
        ...
        "start": "npx functions-framework --target=createLinkPreview --port=9000",
        "debug-watch": "nodemon --watch ./ --exec npm start"
    }
    ...
}
```
3. Installieren Sie die Anwendung aus dem Stammverzeichnis:
```
npm install
```
4. Erstellen und konfigurieren Sie eine Einführung mit dem Namen Debug Watch, die den Skript debug-watch durch Erstellen der Datei .vscode/launch.json in aus dem 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 index.js-Datei und beginnen Sie mit der Ausführung Debugging mit der Debug Watch-Konfiguration zuvor hinzugefügt. Die Anwendung ist jetzt wird ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
  
  Abbildung 3: Die Anwendung wird ausgeführt und wartet auf HTTP. an Port 9000 an.
Starten Sie die Anwendung ngrok in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihr ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale und dem von der Anwendung verwendeten Port.

Abbildung 4: Das Terminal, auf dem der ngrok-Server ausgeführt wird und weitergeleitet wird.
Außerdem wird auf Ihrem lokalen Host durch den ngrok eine Weboberfläche gestartet. können Sie alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche Es werden keine HTTP-Anfragen angezeigt.
Testen Sie Ihr Google Workspace-Add-on, indem Sie eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Testkonto:
- Erstellen Sie ein neues Google-Dokument.
  
  Neues Google-Dokument erstellen
- Geben Sie den folgenden Link ein und drücken Sie enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- Klicken Sie auf den Link.
In der Visual Studio Code in Ihrer lokalen Umgebung können Sie sehen, dass wird die Ausführung am festgelegten Haltepunkt angehalten.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor das Zeitlimit für Google Workspace-Add-ons überschritten wird zeigt die Linkvorschau im Google-Dokument aus dem Cache an.
Sie können die HTTP-Anfrage- und -Antwortprotokolle in der Weboberfläche einsehen. von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet.

Abbildung 7: Die HTTP-Anfrage von der Weboberfläche, die von der ngrok-Anwendung.
Ersetzen Sie Case inline durch Case:, um das Anwendungsverhalten zu ändern. 51 von index.js. Wenn Sie die Datei speichern, wird automatisch nodemon lädt die Anwendung mit dem aktualisierten Quellcode Visual Studio Code bleibt im Debug-Modus.

Abbildung 8. Die Anwendung wird ausgeführt und wartet auf HTTP-Anfragen. am Port 9000 mit der Codeänderung geladen.
Statt auf den Link zu klicken und ein paar Sekunden einem neuen Google-Dokument öffnen, können Sie die letzte im Web protokollierte HTTP-Anfrage auswählen Schnittstelle, die von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet wird und klicken Sie auf Replay. Wie beim letzten Mal, Ihr Google Workspace-Add-on antwortet nicht, da er gerade aktiv geprüft wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen sehen Sie in der Weboberfläche, die von der ngrok-Anwendung gehostet wird, lokale Umgebung, in der die Anwendung eine Antwort mit die aktualisierte Version der Vorschaukarte.

Python

Führen Sie in der Visual Studio Code-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus: Gehen Sie so vor:
1. Öffnen Sie den Ordner in einem neuen Fenster. add-ons-samples/python/3p-resources/create_link_preview
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 im virtuellen Umgebung:
```
pip install -r requirements.txt
```
4. Erstellen Sie die Datei .vscode/launch.json im Stammverzeichnis und Einen Start mit dem Namen Debug Watch konfigurieren, der die Anwendung auslöst aus dem Modul functions-framework auf Port 9000 im Debug-Modus in der virtuellen Umgebung env:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "python",
        "request": "launch",
        "name": "Debug Watch",
        "python": "${workspaceFolder}/env/bin/python3",
        "module": "functions_framework",
        "args": [
            "--target", "create_link_preview",
            "--port", "9000",
            "--debug"
        ]
    }]
}
```
5. Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der main.py-Datei und beginnen Sie mit der Ausführung Debugging mit der Methode Debug Watch-Konfiguration zuvor hinzugefügt. Die Anwendung ist jetzt wird ausgeführt und überwacht Port 9000 auf HTTP-Anfragen.
  
  Abbildung 3: Die Anwendung wird ausgeführt und wartet auf HTTP. an Port 9000 an.
Starten Sie die Anwendung ngrok in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihr ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale und dem von der Anwendung verwendeten Port.

Abbildung 4: Das Terminal, auf dem der ngrok-Server ausgeführt wird und weitergeleitet wird.
Außerdem wird auf Ihrem lokalen Host durch den ngrok eine Weboberfläche gestartet. können Sie alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche Es werden keine HTTP-Anfragen angezeigt.
Testen Sie Ihr Google Workspace-Add-on, indem Sie eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Testkonto:
- Erstellen Sie ein neues Google-Dokument.
  
  Neues Google-Dokument erstellen
- Geben Sie den folgenden Link ein und drücken Sie enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- Klicken Sie auf den Link.
In der Visual Studio Code in Ihrer lokalen Umgebung können Sie sehen, dass wird die Ausführung am festgelegten Haltepunkt angehalten.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor das Zeitlimit für Google Workspace-Add-ons überschritten wird zeigt die Linkvorschau im Google-Dokument aus dem Cache an.
Sie können die HTTP-Anfrage- und -Antwortprotokolle in der Weboberfläche einsehen. von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet.

Abbildung 7: Die HTTP-Anfrage von der Weboberfläche, die von der ngrok-Anwendung.
Ersetzen Sie Case inline durch Case:, um das Anwendungsverhalten zu ändern. 56 der main.py-Datei. Wenn Sie die Datei speichern, Visual Studio Code aktualisiert die Anwendung automatisch mit dem aktualisierten Quellcode und bleibt im Debug-Modus.

Abbildung 8. Die Anwendung wird ausgeführt und wartet auf HTTP-Anfragen. am Port 9000 mit der Codeänderung geladen.
Statt auf den Link zu klicken und ein paar Sekunden einem neuen Google-Dokument öffnen, können Sie die letzte im Web protokollierte HTTP-Anfrage auswählen Schnittstelle, die von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet wird und klicken Sie auf Replay. Wie beim letzten Mal, Ihr Google Workspace-Add-on antwortet nicht, da er gerade aktiv geprüft wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen sehen Sie in der Weboberfläche, die von der ngrok-Anwendung gehostet wird, lokale Umgebung, in der die Anwendung eine Antwort mit die aktualisierte Version der Vorschaukarte.

Java

Führen Sie in der Visual Studio Code-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus: Gehen Sie so vor:
1. Öffnen Sie den Ordner in einem neuen Fenster. add-ons-samples/java/3p-resources
2. Maven-Projekt zum Ausführen der Anwendung konfigurieren CreateLinkPreview lokal auf Port 9000 durch Hinzufügen der Cloud Functions Framework-Build-Plug-in function-maven-plugin in der pom.xml-Datei:
```
...
<plugin>
    <groupId>com.google.cloud.functions</groupId>
    <artifactId>function-maven-plugin</artifactId>
    <version>0.11.0</version>
    <configuration>
        <functionTarget>CreateLinkPreview</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 eine Einführung mit dem Namen Remote Debug Watch, die an den Anwendung, die zuvor mit 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 CreateLinkPreview.java-Datei und beginnen Sie mit dem Anhängen und Debugging mit der Remote Debug Watch-Konfiguration zuvor hinzugefügt. Die Anwendung ist 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 an.
Starten Sie die Anwendung ngrok in Ihrer lokalen Umgebung:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
Ersetzen Sie NGROK_STATIC_DOMAIN durch die statische Domain in Ihr ngrok-Konto. Alle Anfragen werden jetzt an Ihre lokale und dem von der Anwendung verwendeten Port.

Abbildung 4: Das Terminal, auf dem der ngrok-Server ausgeführt wird und weitergeleitet wird.
Außerdem wird auf Ihrem lokalen Host durch den ngrok eine Weboberfläche gestartet. können Sie alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.

Abbildung 5: Die von der ngrok-Anwendung gehostete Weboberfläche Es werden keine HTTP-Anfragen angezeigt.
Testen Sie Ihr Google Workspace-Add-on, indem Sie eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Testkonto:
- Erstellen Sie ein neues Google-Dokument.
  
  Neues Google-Dokument erstellen
- Geben Sie den folgenden Link ein und drücken Sie enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- Klicken Sie auf den Link.
In der Visual Studio Code in Ihrer lokalen Umgebung können Sie sehen, dass wird die Ausführung am festgelegten Haltepunkt angehalten.

Abbildung 6: Die Ausführung wird am festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor das Zeitlimit für Google Workspace-Add-ons überschritten wird zeigt die Linkvorschau im Google-Dokument aus dem Cache an.
Sie können die HTTP-Anfrage- und -Antwortprotokolle in der Weboberfläche einsehen. von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet.

Abbildung 7: Die HTTP-Anfrage von der Weboberfläche, die von der ngrok-Anwendung.
Ersetzen Sie Case inline durch Case:, um das Anwendungsverhalten zu ändern. 78 der Datei CreateLinkPreview.java, starten Sie mvnDebug neu. und starten Sie Remote Debug Watch neu, um das Gerät noch einmal anzuhängen und neu zu starten. Debugging
Statt auf den Link zu klicken und ein paar Sekunden einem neuen Google-Dokument öffnen, können Sie die letzte im Web protokollierte HTTP-Anfrage auswählen Schnittstelle, die von der Anwendung ngrok in Ihrer lokalen Umgebung gehostet wird und klicken Sie auf Replay. Wie beim letzten Mal, Ihr Google Workspace-Add-on antwortet nicht, da er gerade aktiv geprüft wird.
Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen sehen Sie in der Weboberfläche, die von der ngrok-Anwendung gehostet wird, lokale Umgebung, in der die Anwendung eine Antwort mit die aktualisierte Version der Vorschaukarte.

Fehler aus Remote-Umgebung beheben

In diesem Abschnitt interagieren Sie mit Ihrem Google Workspace-Add-on, das in einer Remote-Umgebung ausgeführt wird.

Fehler von Remote beheben
umgebung

Abbildung 9. Fehler aus der Remote-Umgebung beheben

Vorbereitung

Das Google Workspace-Add-on wurde bereitgestellt und installiert.
Ihre Anwendung, die mit dem Debugger in Ihrer Remote-Umgebung ausgeführt wird aktiviert ist, wird er als REMOTE_DEBUG_PORT.
Ihre lokale Umgebung kann ssh an Ihre Remote-Umgebung senden.
Eine in Ihrer lokalen Umgebung eingerichtete IDE, die Fehler beheben kann. Wir verwenden die Visual Studio Code IDE und ihre Standardeinstellung Debug-Funktionen in Leitfaden zur Veranschaulichung.

Lokale und Remote-Umgebungen verbinden

In Ihrer lokalen Umgebung, von der aus Sie einen Debug-Client initiieren einen SSH-Tunnel einrichten:

ssh -L LOCAL_DEBUG_PORT:localhost:REMOTE_DEBUG_PORT REMOTE_USERNAME@REMOTE_ADDRESS

Ersetzen Sie Folgendes:

LOCAL_DEBUG_PORT: Der Debugging-Port in Ihrem lokalen zu verbessern.
REMOTE_USERNAME: Nutzername in Ihrer Remote-Umgebung.
REMOTE_ADDRESS: Die Adresse Ihrer Remote-Umgebung.
REMOTE_DEBUG_PORT: Der Port zur Fehlerbehebung auf Ihrer Fernbedienung zu verbessern.

Der Fehlerbehebungsport in Ihrer lokalen Umgebung ist jetzt mit dem entsprechenden Port in der Remote-Umgebung.

Debugging starten

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

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

Erstellen Sie die Datei .vscode/launch.json im Stammverzeichnis und konfigurieren Sie ein Starten Sie Debug Remote, das an den Debugging-Port in Ihrem lokalen Umgebung:

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 der lokalen Umgebung.

Fügen Sie dem Quellcode Ihrer Anwendung einen Haltepunkt hinzu, der die HTTP-Anfrage pausiert Verarbeitung und beginnen Sie, Debugging mit der zuvor hinzugefügten Debug Remote-Konfiguration.

Interagieren Sie mit dem installierten Google Workspace-Add-on. Ihr Das Google Workspace-Add-on antwortet nicht, weil es aktiv ist Fehler behoben in der Visual Studio Code-IDE.

Weitere Informationen

Fehlerlogs abfragen