Fehler in Google Chat-Apps beheben

Node.js

Python

Java

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
  

• Eine HTTP-Chat-App, die für Messaging. Sie können den Abschnitten Voraussetzungen Richten Sie den Umgebung, Veröffentlichen Sie die App auf Google. Chat des Kurzanleitung. Die einzige Unterschiede bestehen darin, dass Sie den App-Namen auf Debug App festlegen müssen und die App-URL in einen beliebigen Wert wie z. B. http://example.com ein.

• 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.

• Git installiert in Ihrer lokalen Umgebung.

• Ein ngrok-Konto.

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.
• Eine HTTP-Chat-App, die für Messaging. Sie können den Abschnitten Voraussetzungen Richten Sie den Umgebung, Veröffentlichen Sie die App auf Google. Chat des Kurzanleitung. Die einzige Unterschiede bestehen darin, dass Sie den App-Namen auf Debug App festlegen müssen und die App-URL in einen beliebigen Wert wie z. B. http://example.com ein.
• 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.
• Git installiert in Ihrer lokalen Umgebung.
• 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.
• Eine HTTP-Chat-App, die für Messaging. Sie können den Abschnitten Voraussetzungen Richten Sie den Umgebung, Veröffentlichen Sie die App auf Google. Chat des Kurzanleitung. Die einzige Unterschiede bestehen darin, dass Sie den App-Namen auf Debug App festlegen müssen und die App-URL in einen beliebigen Wert wie z. B. http://example.com ein.
• 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.
• Git installiert in Ihrer lokalen Umgebung.
• Ein ngrok-Konto.
• Neueste Version von gcloud installiert und in Ihrem Konto initialisiert lokalen Umgebung.

Node.js

1. googleworkspace/google-chat-samples-Repository von GitHub klonen in Ihre lokale Umgebung eingebunden, enthält er den Code der Anwendung, ausführen:

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

2. 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. google-chat-samples/node/basic-app

   2. Konfigurieren Sie die Anwendung für das Debugging mit automatischer Aktualisierung, indem Sie zwei Skripts in der Datei package.json:

      {
          ...
          "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 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.

3. 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.

4. 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.

5. Testen Sie Ihre Chat-App, indem Sie eine direkte Nachricht:

   • Öffnen Sie Google Chat.

     Zu Google Chat

   • Klicken Sie auf Neuer Chat add.

   • Geben Sie im Dialogfeld den Namen Ihres Chat-App.

   • Suchen Sie in den Suchergebnissen nach Ihrer Chat-App, Klicken Sie auf Hinzufügen > Chatten:

   • Geben Sie im Gruppenbereich für Direktnachrichten Hello ein und drücken Sie enter. Ihr Die Chat-App antwortet nicht, weil sie gerade gesendet wird aktiv debuggen werden.

6. 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.

7. Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor in Google Chat eine Zeitüberschreitung auftritt Antworten Your message : Hello

8. 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.

9. Ersetzen Sie Your message durch, um das Anwendungsverhalten zu ändern. Here was your message Inline 35 von index.json. Beim Speichern der Datei enthält, lädt nodemon die Anwendung automatisch mit dem aktualisierter Quellcode und Visual Studio Code bleibt im Debug-Modus.

   

   Abbildung 8. Die Anwendung wird ausgeführt und wartet auf HTTP-Anfragen. auf Port 9000 mit der Codeänderung geladen.

10. Anstatt eine zweite Nachricht Hello im Gruppenbereich zu senden, kann die letzte protokollierte HTTP-Anfrage auf der Weboberfläche auswählen, die von die Anwendung ngrok in Ihrer lokalen Umgebung und klicken Sie auf Replay. Wie beim letzten Mal antwortet die Chat App nicht weil das Debugging aktiv ist.

11. 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 Nachricht Here was your message : Hello.

Python

1. Rufen Sie neue Nutzeranmeldedaten für Anwendungsstandard auf. Anmeldedaten:

   gcloud config set project PROJECT_ID
   gcloud auth application-default login
   

   Ersetzen Sie PROJECT_ID durch den Projekt-ID für das Cloud-Projekt der Anwendung.

2. googleworkspace/google-chat-samples-Repository von GitHub klonen zu Ihrer lokalen Umgebung hinzugefügt haben, enthält sie den Anwendungscode:

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

3. 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. 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 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", "avatar_app",
                  "--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 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.

4. 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.

5. 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.

6. Testen Sie Ihre Chat-App, indem Sie eine direkte Nachricht:

   • Öffnen Sie Google Chat.

     Zu Google Chat

   • Klicken Sie auf Neuer Chat add.

   • Geben Sie im Dialogfeld den Namen Ihres Chat-App.

   • Suchen Sie in den Suchergebnissen nach Ihrer Chat-App, Klicken Sie auf Hinzufügen > Chatten:

   • Geben Sie im Gruppenbereich für Direktnachrichten Hey! ein und drücken Sie enter. Ihr Die Chat-App antwortet nicht, weil sie gerade gesendet wird aktiv debuggen werden.

7. 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.

8. Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor in Google Chat eine Zeitüberschreitung auftritt antwortet mit Ihrem Namen und Ihrem Avatarbild.

9. 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.

10. Ersetzen Sie Hello inline durch Hey, um das Anwendungsverhalten zu ändern. 51 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. auf Port 9000 mit der Codeänderung geladen.

11. Anstatt eine zweite Nachricht Hey! im Gruppenbereich zu senden, kann die letzte protokollierte HTTP-Anfrage auf der Weboberfläche auswählen, die von die Anwendung ngrok in Ihrer lokalen Umgebung und klicken Sie auf Replay. Wie beim letzten Mal antwortet die Chat App nicht weil das Debugging aktiv ist.

12. 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 Mitteilung.

Java

1. Rufen Sie neue Nutzeranmeldedaten für Anwendungsstandard auf. Anmeldedaten:

   gcloud config set project PROJECT_ID
   gcloud auth application-default login
   

   Ersetzen Sie PROJECT_ID durch den Projekt-ID für das Cloud-Projekt der Anwendung.

2. googleworkspace/google-chat-samples-Repository von GitHub klonen in Ihrer lokalen Umgebung enthält es den Anwendungscode:

   git clone https://github.com/googleworkspace/google-chat-samples.git
   

3. 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. google-chat-samples/java/avatar-app

   2. Maven-Projekt für die Ausführung der Anwendung App konfigurieren Port 9000 lokal durch Hinzufügen des Cloud Functions Framework-Builds Plug-in function-maven-plugin in der Datei pom.xml:

      ...
      <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 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 App.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.

4. 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.

5. 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.

6. Testen Sie Ihre Chat-App, indem Sie eine direkte Nachricht:

   • Öffnen Sie Google Chat.

     Zu Google Chat

   • Klicken Sie auf Neuer Chat add.

   • Geben Sie im Dialogfeld den Namen Ihres Chat-App.

   • Suchen Sie in den Suchergebnissen nach Ihrer Chat-App, Klicken Sie auf Hinzufügen > Chatten:

   • Geben Sie im Gruppenbereich für Direktnachrichten Hey! ein und drücken Sie enter. Ihr Die Chat-App antwortet nicht, weil sie gerade gesendet wird aktiv debuggen werden.

7. 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.

8. Wenn Sie die Ausführung über den Debugger von Visual Studio Code fortsetzen bevor in Google Chat eine Zeitüberschreitung auftritt antwortet mit Ihrem Namen und Ihrem Avatarbild.

9. 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.

10. Ersetzen Sie Hello inline durch Hey, um das Anwendungsverhalten zu ändern. 55 der Datei App.java starten Sie den Prozess mvnDebug neu und Starten Sie Remote Debug Watch neu, um das Gerät noch einmal anzuhängen und neu zu starten Debugging

11. Anstatt eine zweite Nachricht Hey! im Gruppenbereich zu senden, kann die letzte protokollierte HTTP-Anfrage auf der Weboberfläche auswählen, die von die Anwendung ngrok in Ihrer lokalen Umgebung und klicken Sie auf Replay. Wie beim letzten Mal antwortet die Chat App nicht weil das Debugging aktiv ist.

12. 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 Mitteilung.