Als Entwickler von Google Workspace-Add-ons müssen Sie möglicherweise Code debuggen, um Änderungen zu testen oder komplexe Probleme zu beheben. Das Debuggen von Google Workspace-Add-ons kann je nach Architektur Ihrer Anwendung, dem Funktionsumfang der Anwendung, der Bereitstellung der Anwendung und Ihren Präferenzen auf viele verschiedene Arten erfolgen.
Auf dieser Seite wird erläutert, wie Sie Fehler in einem Google Workspace-Add-on mithilfe von ngrok beheben, einer einheitlichen Plattform für eingehenden Traffic, 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.
Fehler in der lokalen Entwicklungsumgebung beheben
In diesem Abschnitt interagieren Sie mit dem Google Workspace-Add-on, das in Ihrer lokalen Umgebung ausgeführt wird.
Abbildung 1: Fehlerbehebung in einer lokalen Entwicklungsumgebung
Voraussetzungen
Node.js
- Die neuesten Versionen von
node
undnpm
sind in Ihrer lokalen Umgebung installiert. Die neueste Version von
nodemon
, die in Ihrer lokalen Umgebung installiert ist, wird für die automatische Aktualisierung verwendet:npm install -g nodemon
Ein Google Cloud-Projekt Weitere Informationen finden Sie in den Abschnitten Voraussetzungen und Umgebung einrichten in der Kurzanleitung.
Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrer lokalen Umgebung. Zur Veranschaulichung verwenden wir in diesem Leitfaden die Features des Vorschaulinks aus dem Codebeispiel
3p-resources
aus dem GitHub-Repositorygoogleworkspace/add-ons-samples
.Eine in Ihrer lokalen Umgebung eingerichtete IDE, die debuggen kann. Zur Veranschaulichung verwenden wir in dieser Anleitung die
Visual Studio Code
IDE und ihre Standardfunktionen zum Debuggen.Ein
ngrok
-Konto.Die aktuelle Version von
gcloud
ist in Ihrer lokalen Umgebung installiert und initialisiert.
Python
- Die aktuelle Version von
python3
ist in Ihrer lokalen Umgebung installiert. - Die neueste Version von
pip
undvirtualenv
, die in Ihrer lokalen Umgebung installiert sind, werden zur Verwaltung von Python-Paketen bzw. virtuellen Umgebungen verwendet. - Ein Google Cloud-Projekt Weitere Informationen finden Sie in den Abschnitten Voraussetzungen und Umgebung einrichten in der Kurzanleitung.
- Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrer lokalen Umgebung. Zur Veranschaulichung verwenden wir in diesem Leitfaden die Features des Vorschaulinks aus dem Codebeispiel
3p-resources
aus dem GitHub-Repositorygoogleworkspace/add-ons-samples
. - Eine in Ihrer lokalen Umgebung eingerichtete IDE, die debuggen kann. Zur Veranschaulichung verwenden wir in dieser Anleitung die
Visual Studio Code
IDE und ihre Standardfunktionen zum Debuggen. - Ein
ngrok
-Konto. - Die aktuelle Version von
gcloud
ist in Ihrer lokalen Umgebung installiert und initialisiert.
Java
- Die aktuelle stabile Version von
Java SE 11's JDK
, das in Ihrer lokalen Umgebung installiert ist. - Die neueste Version von
Apache Maven
, die in Ihrer lokalen Umgebung installiert ist, wird zum Verwalten von Java-Projekten verwendet. - Ein Google Cloud-Projekt Weitere Informationen finden Sie in den Abschnitten Voraussetzungen und Umgebung einrichten in der Kurzanleitung.
- Der Code des Google Workspace-Add-ons für die Fehlerbehebung in Ihrer lokalen Umgebung. Zur Veranschaulichung verwenden wir in diesem Leitfaden die Features des Vorschaulinks aus dem Codebeispiel
3p-resources
aus dem GitHub-Repositorygoogleworkspace/add-ons-samples
. - Eine in Ihrer lokalen Umgebung eingerichtete IDE, die debuggen kann. Zur Veranschaulichung verwenden wir in dieser Anleitung die
Visual Studio Code
IDE und ihre Standardfunktionen zum Debuggen. - Ein
ngrok
-Konto. - Die aktuelle Version von
gcloud
ist in Ihrer lokalen Umgebung installiert und initialisiert.
localhost-Dienst öffentlich verfügbar machen
Sie müssen Ihre lokale Umgebung mit dem Internet verbinden, damit das Google Workspace-Add-on 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
authtoken
in Ihrer lokalen Umgebung ein. - Erstellen Sie eine statische Domain in Ihrem
ngrok
-Konto. Diese wird in der Anleitung alsNGROK_STATIC_DOMAIN
bezeichnet.
Add-on-Bereitstellung erstellen und installieren
Konfigurieren Sie das Google Workspace-Add-on so, dass alle HTTP-Anfragen an Ihre statische Domain gesendet werden. 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 Ihremngrok
-Konto.Legen Sie das zu verwendende Google Cloud-Projekt fest:
gcloud config set project PROJECT_ID
Rufen Sie neue Nutzeranmeldedaten ab, die Sie als Standardanmeldedaten für Anwendungen verwenden möchten:
gcloud auth application-default login
Ersetzen Sie
PROJECT_ID
durch die Projekt-ID des Google Cloud-Projekts 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 Ihrer Bereitstellungsdatei.Installieren Sie das Deployment:
gcloud workspace-add-ons deployments install manageSupportCases
Abbildung 2: Das Google Workspace-Add-on sendet alle HTTP-Anfragen an die statische Domain. Der öffentliche Dienst ngrok
fungiert als Brücke zwischen dem Google Workspace-Add-on und dem lokal ausgeführten Anwendungscode.
Google Workspace-Add-on testen
Sie können das Google Workspace-Add-on lokal bereitstellen, testen, debuggen und automatisch neu laden.
Node.js
Führen Sie in der
Visual Studio Code
-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus:- Öffnen Sie den Ordner
add-ons-samples/node/3p-resources
in einem neuen Fenster. Konfigurieren Sie die Anwendung für die lokale Ausführung und die Fehlerbehebung beim automatischen Aktualisieren, indem Sie der Datei
package.json
eine Abhängigkeit und zwei Skripts hinzufügen:{ ... "dependencies": { ... "@google-cloud/functions_framework": "^3.3.0" }, "scripts": { ... "start": "npx functions-framework --target=createLinkPreview --port=9000", "debug-watch": "nodemon --watch ./ --exec npm start" } ... }
Installieren Sie die Anwendung aus dem Stammverzeichnis:
npm install
Erstellen und konfigurieren Sie einen Start mit dem Namen
Debug Watch
, der das Skriptdebug-watch
auslöst. Dazu erstellen Sie 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"] }] }
Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei
index.js
pausiert, und mit der Ausführung und Fehlerbehebung beginnen und dabei die zuvor hinzugefügteDebug Watch
-Konfiguration verwenden. Die Anwendung wird jetzt ausgeführt und überwacht den Port9000
auf HTTP-Anfragen.Abbildung 3: Die Anwendung wird ausgeführt und überwacht den Port
9000
auf HTTP-Anfragen.
- Öffnen Sie den Ordner
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 Ihremngrok
-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.Abbildung 4: Das Terminal mit dem
ngrok
-Server, der ausgeführt wird und weitergeleitet wird.Die
ngrok
-Anwendung startet auch eine Weboberfläche auf Ihrem lokalen Host. Sie können alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.Abbildung 5: Die von der Anwendung
ngrok
gehostete Weboberfläche zeigt keine HTTP-Anfragen an.Testen Sie Ihr Google Workspace-Add-on, indem Sie sich eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Tester-Konto anzeigen lassen:
Erstellen Sie ein neues Google-Dokument.
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 Datei
Visual Studio Code
in Ihrer lokalen Umgebung können Sie sehen, dass die Ausführung an dem festgelegten Haltepunkt pausiert wird.Abbildung 6: Die Ausführung wird an dem festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, bevor für die Google Workspace-Add-ons eine Zeitüberschreitung auftritt, zeigt das Google Workspace-Add-on die Linkvorschau im Google-Dokument aus dem Cache an.Sie können die HTTP-Anfrage- und -Antwortlogs über die Weboberfläche prüfen, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird.Abbildung 7: Die HTTP-Anfrage der Weboberfläche, die von der Anwendung
ngrok
gehostet wird.Wenn Sie das Anwendungsverhalten ändern möchten, ersetzen Sie
Case
in der Zeile51
vonindex.js
durchCase:
. Wenn Sie die Datei speichern, lädtnodemon
die Anwendung automatisch mit dem aktualisierten Quellcode neu undVisual Studio Code
verbleibt im Debug-Modus.Abbildung 8. Die Anwendung wird ausgeführt und überwacht den Port
9000
mit geladener Codeänderung auf HTTP-Anfragen.Anstatt auf den Link zu klicken und in einem neuen Google-Dokument einige Sekunden zu warten, können Sie diesmal die letzte HTTP-Anfrage auswählen, die auf der Weboberfläche protokolliert wurde, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird, und dann aufReplay
klicken. Wie beim letzten Mal antwortet das Google Workspace-Add-on nicht, da es gerade aktiv debuggt wird.Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, können Sie in der von der Anwendungngrok
in Ihrer lokalen Umgebung gehosteten Weboberfläche sehen, dass die Anwendung eine Antwort mit der aktualisierten Version der Vorschaukarte generiert.
Python
Führen Sie in der
Visual Studio Code
-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus:- Öffnen Sie den Ordner
add-ons-samples/python/3p-resources/create_link_preview
in einem neuen Fenster. Erstellen Sie eine neue virtuelle Umgebung für Python
env
und aktivieren Sie sie:virtualenv env
source env/bin/activate
Installieren Sie alle Projektabhängigkeiten mit
pip
in der virtuellen Umgebung:pip install -r requirements.txt
Erstellen Sie die Datei
.vscode/launch.json
im Stammverzeichnis und konfigurieren Sie einen Start mit dem NamenDebug Watch
, der die Anwendung aus dem Modulfunctions-framework
an Port9000
im Debug-Modus in der virtuellen Umgebungenv
auslöst:{ "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" ] }] }
Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei
main.py
pausiert, und mit der Ausführung und Fehlerbehebung beginnen und dabei die zuvor hinzugefügteDebug Watch
-Konfiguration verwenden. Die Anwendung wird jetzt ausgeführt und überwacht den Port9000
auf HTTP-Anfragen.Abbildung 3: Die Anwendung wird ausgeführt und überwacht den Port
9000
auf HTTP-Anfragen.
- Öffnen Sie den Ordner
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 Ihremngrok
-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.Abbildung 4: Das Terminal mit dem
ngrok
-Server, der ausgeführt wird und weitergeleitet wird.Die
ngrok
-Anwendung startet auch eine Weboberfläche auf Ihrem lokalen Host. Sie können alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.Abbildung 5: Die von der Anwendung
ngrok
gehostete Weboberfläche zeigt keine HTTP-Anfragen an.Testen Sie Ihr Google Workspace-Add-on, indem Sie sich eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Tester-Konto anzeigen lassen:
Erstellen Sie ein neues Google-Dokument.
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 Datei
Visual Studio Code
in Ihrer lokalen Umgebung können Sie sehen, dass die Ausführung an dem festgelegten Haltepunkt pausiert wird.Abbildung 6: Die Ausführung wird an dem festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, bevor für die Google Workspace-Add-ons eine Zeitüberschreitung auftritt, zeigt das Google Workspace-Add-on die Linkvorschau im Google-Dokument aus dem Cache an.Sie können die HTTP-Anfrage- und -Antwortlogs über die Weboberfläche prüfen, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird.Abbildung 7: Die HTTP-Anfrage der Weboberfläche, die von der Anwendung
ngrok
gehostet wird.Um das Anwendungsverhalten zu ändern, ersetzen Sie
Case
inline56
in der Dateimain.py
durchCase:
. Wenn Sie die Datei speichern, lädtVisual Studio Code
die Anwendung automatisch mit dem aktualisierten Quellcode neu und verbleibt im Fehlerbehebungsmodus.Abbildung 8. Die Anwendung wird ausgeführt und überwacht den Port
9000
mit geladener Codeänderung auf HTTP-Anfragen.Anstatt auf den Link zu klicken und in einem neuen Google-Dokument einige Sekunden zu warten, können Sie diesmal die letzte HTTP-Anfrage auswählen, die auf der Weboberfläche protokolliert wurde, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird, und dann aufReplay
klicken. Wie beim letzten Mal antwortet das Google Workspace-Add-on nicht, da es gerade aktiv debuggt wird.Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, können Sie in der von der Anwendungngrok
in Ihrer lokalen Umgebung gehosteten Weboberfläche sehen, dass die Anwendung eine Antwort mit der aktualisierten Version der Vorschaukarte generiert.
Java
Führen Sie in der
Visual Studio Code
-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus:- Öffnen Sie den Ordner
add-ons-samples/java/3p-resources
in einem neuen Fenster. Konfigurieren Sie das Maven-Projekt so, dass die Anwendung
CreateLinkPreview
lokal auf Port9000
ausgeführt wird. Fügen Sie dazu das Build-Plug-infunction-maven-plugin
für das Cloud Functions Framework in die Dateipom.xml
ein:... <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> ...
Sie können ihn jetzt lokal im Debug-Modus starten:
mvnDebug function:run Preparing to execute Maven in debug mode Listening for transport dt_socket at address: 8000
Erstellen Sie die Datei
.vscode/launch.json
im Stammverzeichnis und konfigurieren Sie einen Start mit dem NamenRemote Debug Watch
, der an die zuvor mit Port8000
gestartete Anwendung angehängt wird:{ "version": "0.2.0", "configurations": [{ "type": "java", "request": "attach", "name": "Remote Debug Watch", "projectName": "http-function", "hostName": "localhost", "port": 8000 }] }
Fügen Sie einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage in der Datei
CreateLinkPreview.java
pausiert, und beginnen Sie das Anhängen und Debuggen mit der zuvor hinzugefügtenRemote Debug Watch
-Konfiguration. Die Anwendung wird jetzt ausgeführt und überwacht den Port9000
auf HTTP-Anfragen.Abbildung 3. Die Anwendung wird ausgeführt und überwacht den Port
9000
auf HTTP-Anfragen.
- Öffnen Sie den Ordner
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 Ihremngrok
-Konto. Alle Anfragen werden jetzt an Ihre lokale Umgebung und den von der Anwendung verwendeten Port weitergeleitet.Abbildung 4: Das Terminal mit dem
ngrok
-Server, der ausgeführt wird und weitergeleitet wird.Die
ngrok
-Anwendung startet auch eine Weboberfläche auf Ihrem lokalen Host. Sie können alle Aktivitäten überwachen, indem Sie sie in einem Browser öffnen.Abbildung 5: Die von der Anwendung
ngrok
gehostete Weboberfläche zeigt keine HTTP-Anfragen an.Testen Sie Ihr Google Workspace-Add-on, indem Sie sich eine Vorschau einer Fall-URL in einem neuen Google-Dokument mit einem Tester-Konto anzeigen lassen:
Erstellen Sie ein neues Google-Dokument.
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 Datei
Visual Studio Code
in Ihrer lokalen Umgebung können Sie sehen, dass die Ausführung an dem festgelegten Haltepunkt pausiert wird.Abbildung 6: Die Ausführung wird an dem festgelegten Haltepunkt angehalten.
Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, bevor für die Google Workspace-Add-ons eine Zeitüberschreitung auftritt, zeigt das Google Workspace-Add-on die Linkvorschau im Google-Dokument aus dem Cache an.Sie können die HTTP-Anfrage- und -Antwortlogs über die Weboberfläche prüfen, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird.Abbildung 7: Die HTTP-Anfrage der Weboberfläche, die von der Anwendung
ngrok
gehostet wird.Wenn Sie das Anwendungsverhalten ändern möchten, ersetzen Sie
Case
in der DateiCreateLinkPreview.java
durchCase:
durchCase:
, starten Sie denmvnDebug
-Prozess neu und starten SieRemote Debug Watch
neu, um das Debugging wieder anzuhängen und das Debugging neu zu starten.78
Anstatt auf den Link zu klicken und in einem neuen Google-Dokument einige Sekunden zu warten, können Sie diesmal die letzte HTTP-Anfrage auswählen, die auf der Weboberfläche protokolliert wurde, die von der Anwendung
ngrok
in Ihrer lokalen Umgebung gehostet wird, und dann aufReplay
klicken. Wie beim letzten Mal antwortet das Google Workspace-Add-on nicht, da es gerade aktiv debuggt wird.Wenn Sie die Ausführung aus dem Debugger von
Visual Studio Code
fortsetzen, können Sie in der von der Anwendungngrok
in Ihrer lokalen Umgebung gehosteten Weboberfläche sehen, dass die Anwendung eine Antwort mit der aktualisierten Version der Vorschaukarte generiert.
Fehler in der Remote-Umgebung beheben
In diesem Abschnitt interagieren Sie mit dem Google Workspace-Add-on, das in einer Remote-Umgebung ausgeführt wird.
Abbildung 9. Beheben Sie Fehler in der Remote-Umgebung.
Voraussetzungen
- Ihr Google Workspace-Add-on wurde bereitgestellt und installiert.
- Ihre Anwendung, die in Ihrer Remote-Umgebung ausgeführt wird und der Debugger an einem bestimmten Port aktiviert ist, wird in der Anleitung in dieser Anleitung als
REMOTE_DEBUG_PORT
bezeichnet. - Ihre lokale Umgebung kann
ssh
an Ihre Remote-Umgebung senden. - Eine in Ihrer lokalen Umgebung eingerichtete IDE, die debuggen kann. In dieser Anleitung verwenden wir zur Veranschaulichung die
Visual Studio Code
IDE und ihre Standardfunktionen zum Debuggen.
Lokale und Remote-Umgebungen verbinden
Richten Sie in Ihrer lokalen Umgebung, von der aus Sie eine Debug-Clientverbindung initiieren 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 Port zur Fehlerbehebung in Ihrer lokalen Umgebung.REMOTE_USERNAME
: Nutzername in Ihrer Remote-Umgebung.REMOTE_ADDRESS
: Die Adresse Ihrer Remote-Umgebung.REMOTE_DEBUG_PORT
: Der Port zur Fehlerbehebung in der 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 Visual Studio Code
-IDE, die in Ihrer lokalen Umgebung installiert ist, folgende Schritte aus:
- Öffnen Sie den Quellcode Ihrer App in einem neuen Fenster.
Erstellen Sie die Datei
.vscode/launch.json
im Stammverzeichnis und konfigurieren Sie einen Start mit dem NamenDebug Remote
, der an den Debug-Port in Ihrer lokalen Umgebung angehängt 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 Fehlerbehebungsport in Ihrer lokalen Umgebung.Fügen Sie im Quellcode Ihrer Anwendung einen Haltepunkt hinzu, der die Verarbeitung der HTTP-Anfrage pausiert, und beginnen Sie mit der Ausführung und Fehlerbehebung mit der zuvor hinzugefügten
Debug Remote
-Konfiguration.
Interagieren Sie mit dem installierten Google Workspace-Add-on. Ihr Google Workspace-Add-on antwortet nicht, da es in der Visual Studio Code
-IDE aktiv gemobbt wird.