דף זה תורגם על ידי Cloud Translation API.

בדיקה וניפוי באגים של תוספי HTTP ל-Google Workspace

כמפתחי תוספים ל-Google Workspace, יכול להיות שתצטרכו לנפות באגים בקוד כדי לבדוק שינויים או לפתור בעיות מורכבות. ניפוי באגים בתוספים ל-Google Workspace ניתן לבצע בדרכים רבות ושונות, בהתאם לארכיטקטורה של האפליקציה, לגבי האפליקציה, איך היא נפרסת וההעדפות שלכם.

בדף הזה מוסבר איך לנפות באגים בתוסף HTTP של Google Workspace באמצעות ngrok, פלטפורמה מאוחדת לתעבורת נתונים נכנסת (ingress) שאפשר להשתמש בה כדי לבדוק בסביבות פיתוח. במדריך הזה תלמדו לעומק את שינויי הקוד בסביבה מרוחקת, ולפתור בעיות בסביבה מרוחקת.

ניפוי באגים מסביבת הפיתוח המקומית

בקטע הזה יש לך אינטראקציה עם התוסף ל-Google Workspace מתבצע בסביבה המקומית שלכם.

ניפוי באגים מתהליך פיתוח מקומי
סביבה

איור 1. ניפוי באגים בסביבת פיתוח מקומית.

דרישות מוקדמות

Node.js

הגרסאות האחרונות של node ו-npm הותקן בסביבה המקומית שלכם.
הגרסה האחרונה של nodemon הותקנה בגרסה המקומית שלך היא משמשת למטרות טעינה מחדש:
```
npm install -g nodemon
```
פרויקט של Google Cloud. אפשר לעקוב אחרי הקטעים דרישות מוקדמות, וגם להגדיר הסביבה של המדריך למתחילים guide.
הקוד של התוסף של Google Workspace לניפוי באגים בגרסה המקומית הסביבה. אנחנו משתמשים בתכונות של קישור התצוגה המקדימה מדוגמת הקוד 3p-resources מהמאגר ב-GitHub googleworkspace/add-ons-samples במדריך הזה למטרות המחשה.
סביבת פיתוח משולבת (IDE) שהוגדרה בסביבה המקומית שלך שיכולה לנפות באגים. אנחנו משתמשים Visual Studio Code סביבת פיתוח משולבת (IDE) וברירת המחדל שלה לניפוי באגים בתכונות של מדריך זה למטרות המחשה.
חשבון ngrok.
הגרסה האחרונה של gcloud הותקן ואתחול בסביבה המקומית.

Python

הגרסה האחרונה של python3 הותקן בסביבה המקומית שלכם.
את הגרסה האחרונה של pip וגם virtualenv הותקן ב- בסביבה המקומית, הם משמשים לניהול חבילות Python סביבות, בהתאמה.
פרויקט של Google Cloud. אפשר לעקוב אחרי הקטעים דרישות מוקדמות, וגם להגדיר הסביבה של המדריך למתחילים guide.
הקוד של התוסף של Google Workspace לניפוי באגים בגרסה המקומית הסביבה. אנחנו משתמשים בתכונות של קישור התצוגה המקדימה מדוגמת הקוד 3p-resources מהמאגר ב-GitHub googleworkspace/add-ons-samples במדריך הזה למטרות המחשה.
סביבת פיתוח משולבת (IDE) שהוגדרה בסביבה המקומית שלך שיכולה לנפות באגים. אנחנו משתמשים Visual Studio Code סביבת פיתוח משולבת (IDE) וברירת המחדל שלה לניפוי באגים בתכונות של מדריך זה למטרות המחשה.
חשבון ngrok.
הגרסה האחרונה של gcloud הותקן ואתחול בסביבה המקומית.

Java

הגרסה היציבה האחרונה של Java SE 11's JDK מותקן בשפה המקומית שלכם הסביבה.
הגרסה האחרונה של Apache Maven מותקן בסביבה המקומית שלכם, משמש לניהול פרויקטים ב-Java.
פרויקט של Google Cloud. אפשר לעקוב אחרי הקטעים דרישות מוקדמות, וגם להגדיר הסביבה של המדריך למתחילים guide.
הקוד של התוסף של Google Workspace לניפוי באגים בגרסה המקומית הסביבה. אנחנו משתמשים בתכונות של קישור התצוגה המקדימה מדוגמת הקוד 3p-resources מהמאגר ב-GitHub googleworkspace/add-ons-samples במדריך הזה למטרות המחשה.
סביבת פיתוח משולבת (IDE) שהוגדרה בסביבה המקומית שלך שיכולה לנפות באגים. אנחנו משתמשים Visual Studio Code סביבת פיתוח משולבת (IDE) וברירת המחדל שלה לניפוי באגים בתכונות של מדריך זה למטרות המחשה.
חשבון ngrok.
הגרסה האחרונה של gcloud הותקן ואתחול בסביבה המקומית.

הגדרת שירות Localhost כזמין באופן ציבורי

עליך לחבר את הסביבה המקומית שלך לאינטרנט, כדי לתוסף Google Workspace יש גישה אליו. האפליקציה ngrok נמצאת בשימוש כדי להפנות בקשות HTTP שנשלחות לכתובת URL ציבורית אל הסביבה המקומית שלכם.

בדפדפן שבסביבה המקומית, נכנסים לחשבון ngrok.
התקנת האפליקציה והגדרת authtoken במכשיר המקומי שלך הסביבה.
יוצרים דומיין סטטי בקובץ חשבון ngrok, הוא נקרא NGROK_STATIC_DOMAIN בהוראות שבמדריך הזה.

יצירה והתקנה של פריסת התוסף

הגדרת התוסף ל-Google Workspace כך שישלח את כל בקשות ה-HTTP שלו אל הדומיין הסטטי. קובץ הפריסה צריך להיראות כך:

{
  "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"
        }
      ]
    }
  }
}

מחליפים את NGROK_STATIC_DOMAIN בדומיין הסטטי שב- חשבון ngrok.

מגדירים את הפרויקט ב-Google Cloud שבו רוצים להשתמש:
```
gcloud config set project PROJECT_ID
```
קבלת פרטי כניסה של משתמש חדש לשימוש עבור Application Default פרטי כניסה:
```
gcloud auth application-default login
```
מחליפים את PROJECT_ID ב- מזהה הפרויקט של האפליקציה ב-Google Cloud.
יוצרים את הפריסה:
```
gcloud workspace-add-ons deployments create manageSupportCases \
    --deployment-file=DEPLOYMENT_FILE_PATH
```
מחליפים את DEPLOYMENT_FILE_PATH בנתיב של של קובץ הפריסה.

מתקינים את הפריסה:

gcloud workspace-add-ons deployments install manageSupportCases

התוסף של Google Workspace שולח את כל בקשות ה-HTTP שלו אל
דומיין סטטי

איור 2. התוסף ל-Google Workspace שולח את כל בקשות ה-HTTP שלו לדומיין הסטטי. השירות הציבורי של ngrok משמש כגשר בין תוסף Google Workspace וקוד האפליקציה שמופעל מקומית.

בדיקת התוסף של Google Workspace

אפשר לפרוס, לבדוק, לנפות באגים ולטעון מחדש באופן אוטומטי תוסף ל-Google Workspace.

Node.js

בסביבת הפיתוח המשולבת Visual Studio Code שמותקנת בסביבה המקומית, לבצע את הפעולות הבאות:
1. פותחים את התיקייה בחלון חדש. add-ons-samples/node/3p-resources
2. הגדרת האפליקציה להרצה מקומית וטעינה מחדש של ניפוי באגים באמצעות הוספת תלות אחת ושני סקריפטים בקובץ package.json:
```
{
    ...
    "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. מתיקיית הבסיס, מתקינים את האפליקציה:
```
npm install
```
4. ליצור ולהגדיר השקה בשם Debug Watch שמפעילה את סקריפט debug-watch על ידי יצירת הקובץ .vscode/launch.json ב- תיקיית השורש:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "node",
        "request": "launch",
        "name": "Debug Watch",
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": "npm",
        "runtimeArgs": ["run-script", "debug-watch"]
    }]
}
```
5. מוסיפים נקודת עצירה (breakpoint) להשהיית העיבוד של בקשת HTTP index.js, ומתחילים להריץ לנפות באגים באמצעות הגדרה אישית של Debug Watch נוספה בעבר. האפליקציה נקראת עכשיו ריצה והאזנה לבקשות HTTP ביציאה 9000.
  
  איור 3. האפליקציה פועלת ומאזינים ל-HTTP בקשות ביציאה 9000.
מפעילים את האפליקציה ngrok בסביבה המקומית:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
מחליפים את NGROK_STATIC_DOMAIN בדומיין הסטטי ב- חשבון ngrok שלך. כל הבקשות מופנו עכשיו אל והיציאה שבה האפליקציה משתמשת.

איור 4. הטרמינל עם השרת ngrok פועל ומפנה מחדש.
ממשק אינטרנט הופעל גם במארח המקומי שלך על ידי ngrok אפשר לעקוב אחר כל הפעילויות על ידי פתיחתו בדפדפן.

איור 5. ממשק האינטרנט שמתארח באפליקציה ngrok לא מציגות בקשות HTTP.
אפשר לבדוק את התוסף של Google Workspace באמצעות תצוגה מקדימה של כתובת ה-URL של בקשת התמיכה מסמך Google Docs עם חשבון בודק:
- יצירת מסמך חדש ב-Google Docs.
  
  יצירה של מסמך חדש ב-Google Docs
- מקלידים את הקישור הבא ומקישים על enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- לוחצים על הקישור.
ב-Visual Studio Code בסביבה המקומית שלך אפשר לראות הביצוע מושהה בנקודת העצירה שהוגדרה.

איור 6. הביצוע מושהה בנקודת העצירה (breakpoint) שהוגדרה.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code לפני שהתוספים ל-Google Workspace יפסיקו לפעול בתום הזמן הקצוב לתפוגה של התוסף ל-Google Workspace מציג את התצוגה המקדימה של הקישור במסמך Google Docs מתוך המטמון.
אפשר לבדוק את יומני בקשת ה-HTTP והתגובה מממשק האינטרנט מתארח באפליקציה ngrok בסביבה המקומית שלכם.

איור 7. בקשת ה-HTTP מממשק האינטרנט שמתארח אפליקציה: ngrok.
כדי לשנות את התנהגות האפליקציה, צריך להחליף את Case בטקסט Case: בתוך השורה 51 מתוך index.js. כששומרים את הקובץ, nodemon מופעל באופן אוטומטי טוען מחדש את האפליקציה עם קוד המקור המעודכן הקובץ Visual Studio Code נשאר במצב ניפוי באגים.

איור 8. האפליקציה פועלת ומאזינים לבקשות HTTP ביציאה 9000 שבה שינוי הקוד נטען.
הפעם, במקום ללחוץ על הקישור ולהמתין כמה שניות מסמך חדש ב-Google Docs, ניתן לבחור את בקשת ה-HTTP האחרונה שנקלטה באינטרנט ממשק שמתארח באפליקציה ngrok בסביבה המקומית שלך ולוחצים על Replay. בדיוק כמו בפעם הקודמת, התוסף שלך ל-Google Workspace לא משיב כי מתבצע בו ניפוי באגים באופן פעיל.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code תוכלו לראות מממשק האינטרנט שמתארח באפליקציה ngrok בסביבה המקומית שבה האפליקציה יוצרת תשובה את הגרסה המעודכנת של כרטיס התצוגה המקדימה.

Python

בסביבת הפיתוח המשולבת Visual Studio Code שמותקנת בסביבה המקומית, לבצע את הפעולות הבאות:
1. פותחים את התיקייה בחלון חדש. add-ons-samples/python/3p-resources/create_link_preview
2. יוצרים סביבה וירטואלית חדשה בשביל Python env ומפעילים אותה:
```
virtualenv env
source env/bin/activate
```
3. התקנת כל יחסי התלות של הפרויקט באמצעות pip בסביבה הווירטואלית סביבה:
```
pip install -r requirements.txt
```
4. יוצרים את הקובץ .vscode/launch.json בתיקיית השורש להגדיר הפעלה בשם Debug Watch שמפעילה את האפליקציה מהמודול functions-framework ביציאה 9000 במצב ניפוי באגים בסביבה הווירטואלית 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. מוסיפים נקודת עצירה (breakpoint) להשהיית העיבוד של בקשת HTTP main.py, ומתחילים להריץ לנפות באגים באמצעות הגדרה אישית של Debug Watch נוספה בעבר. האפליקציה נקראת עכשיו ריצה והאזנה לבקשות HTTP ביציאה 9000.
  
  איור 3. האפליקציה פועלת ומאזינים ל-HTTP בקשות ביציאה 9000.
מפעילים את האפליקציה ngrok בסביבה המקומית:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
מחליפים את NGROK_STATIC_DOMAIN בדומיין הסטטי ב- חשבון ngrok שלך. כל הבקשות מופנו עכשיו אל והיציאה שבה האפליקציה משתמשת.

איור 4. הטרמינל עם השרת ngrok פועל ומפנה מחדש.
ממשק אינטרנט הופעל גם במארח המקומי שלך על ידי ngrok אפשר לעקוב אחר כל הפעילויות על ידי פתיחתו בדפדפן.

איור 5. ממשק האינטרנט שמתארח באפליקציה ngrok לא מציגות בקשות HTTP.
אפשר לבדוק את התוסף של Google Workspace באמצעות תצוגה מקדימה של כתובת ה-URL של בקשת התמיכה מסמך Google Docs עם חשבון בודק:
- יצירת מסמך חדש ב-Google Docs.
  
  יצירה של מסמך חדש ב-Google Docs
- מקלידים את הקישור הבא ומקישים על enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- לוחצים על הקישור.
ב-Visual Studio Code בסביבה המקומית שלך אפשר לראות הביצוע מושהה בנקודת העצירה שהוגדרה.

איור 6. הביצוע מושהה בנקודת העצירה (breakpoint) שהוגדרה.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code לפני שהתוספים ל-Google Workspace יפסיקו לפעול בתום הזמן הקצוב לתפוגה של התוסף ל-Google Workspace מציג את התצוגה המקדימה של הקישור במסמך Google Docs מתוך המטמון.
אפשר לבדוק את יומני בקשת ה-HTTP והתגובה מממשק האינטרנט מתארח באפליקציה ngrok בסביבה המקומית שלכם.

איור 7. בקשת ה-HTTP מממשק האינטרנט שמתארח אפליקציה: ngrok.
כדי לשנות את התנהגות האפליקציה, צריך להחליף את Case בטקסט Case: בתוך השורה 56 של הקובץ main.py. כששומרים את הקובץ, Visual Studio Code טוען מחדש באופן אוטומטי את האפליקציה עם קוד המקור המעודכן, נשאר במצב ניפוי באגים.

איור 8. האפליקציה פועלת ומאזינים לבקשות HTTP ביציאה 9000 שבה שינוי הקוד נטען.
הפעם, במקום ללחוץ על הקישור ולהמתין כמה שניות מסמך חדש ב-Google Docs, ניתן לבחור את בקשת ה-HTTP האחרונה שנקלטה באינטרנט ממשק שמתארח באפליקציה ngrok בסביבה המקומית שלך ולוחצים על Replay. בדיוק כמו בפעם הקודמת, התוסף שלך ל-Google Workspace לא משיב כי מתבצע בו ניפוי באגים באופן פעיל.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code תוכלו לראות מממשק האינטרנט שמתארח באפליקציה ngrok בסביבה המקומית שבה האפליקציה יוצרת תשובה את הגרסה המעודכנת של כרטיס התצוגה המקדימה.

Java

בסביבת הפיתוח המשולבת Visual Studio Code שמותקנת בסביבה המקומית, לבצע את הפעולות הבאות:
1. פותחים את התיקייה בחלון חדש. add-ons-samples/java/3p-resources
2. הגדרת פרויקט Maven להרצת האפליקציה CreateLinkPreview ביציאה 9000 באופן מקומי על ידי הוספת הענן בפלאגין function-maven-plugin של גרסת ה-build של Functions Framework קובץ pom.xml:
```
...
<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. עכשיו אפשר להפעיל אותו באופן מקומי במצב ניפוי באגים:
```
mvnDebug function:run
Preparing to execute Maven in debug mode
Listening for transport dt_socket at address: 8000
```
4. יוצרים את הקובץ .vscode/launch.json בתיקיית השורש להגדיר הפעלה בשם Remote Debug Watch שמצורפת אל האפליקציה הושקה בעבר עם היציאה 8000:
```
{
    "version": "0.2.0",
    "configurations": [{
        "type": "java",
        "request": "attach",
        "name": "Remote Debug Watch",
        "projectName": "http-function",
        "hostName": "localhost",
        "port": 8000
    }]
}
```
5. מוסיפים נקודת עצירה (breakpoint) להשהיית העיבוד של בקשת HTTP קובץ CreateLinkPreview.java, ולהתחיל לצרף ו לנפות באגים באמצעות הגדרה אישית של Remote Debug Watch נוספה בעבר. האפליקציה פועל ומאזין לבקשות HTTP ביציאה 9000.
  
  איור 3. האפליקציה שלו פועלת ומאזינים ל-HTTP בקשות ביציאה 9000.
מפעילים את האפליקציה ngrok בסביבה המקומית:
```
ngrok http --domain=NGROK_STATIC_DOMAIN 9000
```
מחליפים את NGROK_STATIC_DOMAIN בדומיין הסטטי ב- חשבון ngrok שלך. כל הבקשות מופנו עכשיו אל והיציאה שבה האפליקציה משתמשת.

איור 4. הטרמינל עם השרת ngrok פועל ומפנה מחדש.
ממשק אינטרנט הופעל גם במארח המקומי שלך על ידי ngrok אפשר לעקוב אחר כל הפעילויות על ידי פתיחתו בדפדפן.

איור 5. ממשק האינטרנט שמתארח באפליקציה ngrok לא מציגות בקשות HTTP.
אפשר לבדוק את התוסף של Google Workspace באמצעות תצוגה מקדימה של כתובת ה-URL של בקשת התמיכה מסמך Google Docs עם חשבון בודק:
- יצירת מסמך חדש ב-Google Docs.
  
  יצירה של מסמך חדש ב-Google Docs
- מקלידים את הקישור הבא ומקישים על enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- לוחצים על הקישור.
ב-Visual Studio Code בסביבה המקומית שלך אפשר לראות הביצוע מושהה בנקודת העצירה שהוגדרה.

איור 6. הביצוע מושהה בנקודת העצירה (breakpoint) שהוגדרה.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code לפני שהתוספים ל-Google Workspace יפסיקו לפעול בתום הזמן הקצוב לתפוגה של התוסף ל-Google Workspace מציג את התצוגה המקדימה של הקישור במסמך Google Docs מתוך המטמון.
אפשר לבדוק את יומני בקשת ה-HTTP והתגובה מממשק האינטרנט מתארח באפליקציה ngrok בסביבה המקומית שלכם.

איור 7. בקשת ה-HTTP מממשק האינטרנט שמתארח אפליקציה: ngrok.
כדי לשנות את התנהגות האפליקציה, צריך להחליף את Case בטקסט Case: בתוך השורה 78 מהקובץ CreateLinkPreview.java, מפעילים מחדש את mvnDebug להפעיל ולהפעיל מחדש את Remote Debug Watch כדי לחבר מחדש ולהפעיל מחדש ניפוי באגים.
הפעם, במקום ללחוץ על הקישור ולהמתין כמה שניות מסמך חדש ב-Google Docs, ניתן לבחור את בקשת ה-HTTP האחרונה שנקלטה באינטרנט ממשק שמתארח באפליקציה ngrok בסביבה המקומית שלך ולוחצים על Replay. בדיוק כמו בפעם הקודמת, התוסף שלך ל-Google Workspace לא משיב כי מתבצע בו ניפוי באגים באופן פעיל.
כשממשיכים את הביצוע מהכלי לניפוי באגים של Visual Studio Code תוכלו לראות מממשק האינטרנט שמתארח באפליקציה ngrok בסביבה המקומית שבה האפליקציה יוצרת תשובה את הגרסה המעודכנת של כרטיס התצוגה המקדימה.

ניפוי באגים מסביבה מרוחקת

בקטע הזה יש לך אינטראקציה עם התוסף ל-Google Workspace פועל בסביבה מרוחקת.

ניפוי באגים מרחוק
סביבה

איור 9. ניפוי באגים מסביבה מרוחקת.

דרישות מוקדמות

התוסף ל-Google Workspace נפרס והותקן.
האפליקציה פועלת בסביבה המרוחקת באמצעות הכלי לניפוי באגים מופעל בשקע נתון, הוא נקרא כך REMOTE_DEBUG_PORT בהוראות שבמדריך הזה.
הסביבה המקומית שלך יכולה ssh לסביבה המרוחקת שלך.
סביבת פיתוח משולבת (IDE) שהוגדרה בסביבה המקומית שלך שיכולה לנפות באגים. אנחנו משתמשים Visual Studio Code סביבת פיתוח משולבת (IDE) וברירת המחדל שלה לניפוי באגים בתכונות האלה למטרות המחשה.

חיבור בין הסביבות המקומיות לסביבות המרוחקות

בסביבה המקומית שממנה רוצים להפעיל לקוח לניפוי באגים חיבור, להגדיר מנהרת SSH:

ssh -L LOCAL_DEBUG_PORT:localhost:REMOTE_DEBUG_PORT REMOTE_USERNAME@REMOTE_ADDRESS

מחליפים את מה שכתוב בשדות הבאים:

LOCAL_DEBUG_PORT: יציאת ניפוי הבאגים במכשיר המקומי שלכם הסביבה.
REMOTE_USERNAME: שם המשתמש בסביבה המרוחקת שלכם.
REMOTE_ADDRESS: הכתובת של הסביבה המרוחקת.
REMOTE_DEBUG_PORT: יציאת ניפוי הבאגים בשלט הרחוק הסביבה.

יציאת ניפוי הבאגים בסביבה המקומית מקושרת עכשיו ליציאת ניפוי הבאגים בסביבה מרוחקת.

התחלת ניפוי באגים

בסביבת הפיתוח המשולבת Visual Studio Code שמותקנת בסביבה המקומית, מבצעים את הפעולות הבאות הבאים:

פותחים את קוד המקור של האפליקציה בחלון חדש.

יוצרים את הקובץ .vscode/launch.json בתיקיית השורש ומגדירים של השקה בשם Debug Remote שמצורף ליציאת ניפוי הבאגים סביבה:

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
    }]
}

מחליפים את LOCAL_DEBUG_PORT ביציאת ניפוי הבאגים ב- בסביבה המקומית.

צריך להוסיף בקוד המקור של האפליקציה נקודת עצירה (breakpoint) להשהיית בקשת ה-HTTP בעיבוד, ולהתחיל לפעול ניפוי באגים באמצעות ההגדרה Debug Remote נוספה לפני כן.

יוצרים אינטראקציה עם התוסף של Google Workspace שמותקן. שלך תוסף Google Workspace לא מגיב כי הוא פעיל ניפוי באגים בסביבת הפיתוח המשולבת (IDE) Visual Studio Code.

נושאים קשורים

איך מבצעים שאילתות על יומני שגיאות