برنامه‌های Google Chat را اشکال‌زدایی کنید

به‌عنوان یک توسعه‌دهنده برنامه‌های گپ Google، ممکن است برای آزمایش تغییرات یا عیب‌یابی مشکلات پیچیده، نیاز به اشکال‌زدایی کد داشته باشید. اشکال زدایی برنامه های چت بسته به معماری برنامه، کاری که برنامه انجام می دهد، نحوه استقرار برنامه و تنظیمات برگزیده شما می تواند به روش های مختلفی انجام شود.

این صفحه نحوه اشکال زدایی یک برنامه چت HTTP را با استفاده از ngrok توضیح می دهد، که یک پلت فرم ورودی یکپارچه است که می توانید برای آزمایش محیط های توسعه محلی از آن استفاده کنید. در این راهنما، تغییرات کد را در یک محیط محلی آزمایش می‌کنید و مشکلات را در یک محیط راه دور عیب‌یابی می‌کنید.

اشکال زدایی از محیط توسعه محلی

در این بخش، شما با برنامه چت خود که در محیط محلی شما اجرا می شود تعامل دارید.

اشکال زدایی از محیط توسعه محلی

شکل 1. اشکال زدایی در یک محیط توسعه محلی.

کارگاه

Node.js

پایتون

جاوا

پیش نیازها

Node.js

  • آخرین نسخه های node و npm نصب شده در محیط محلی شما.

  • آخرین نسخه nodemon نصب شده در محیط محلی شما، برای اهداف بارگذاری مجدد خودکار استفاده می شود:

    npm install -g nodemon

  • یک برنامه چت HTTP که برای پیام رسانی پیکربندی شده است. می‌توانید بخش‌های پیش‌نیازها ، راه‌اندازی محیط ، و انتشار برنامه در Google Chat راهنمای Quickstart را دنبال کنید. تنها تفاوت این است که شما باید نام برنامه را روی Debug App و URL App را روی هر چیزی مانند http://example.com تنظیم کنید.

  • یک IDE راه اندازی شده در محیط محلی شما که می تواند اشکال زدایی کند. ما از Visual Studio Code IDE و ویژگی‌های اشکال‌زدایی پیش‌فرض آن در این راهنما برای اهداف تصویری استفاده می‌کنیم.

  • Git در محیط محلی شما نصب شده است .

  • یک حساب ngrok .

پایتون

جاوا

سرویس لوکال هاست را به صورت عمومی در دسترس قرار دهید

باید محیط محلی خود را به اینترنت متصل کنید تا برنامه چت بتواند به آن دسترسی داشته باشد. برنامه ngrok برای هدایت درخواست‌های HTTP به یک URL عمومی به محیط محلی شما استفاده می‌شود.

  1. در یک مرورگر در محیط محلی خود، به حساب ngrok خود وارد شوید.
  2. برنامه را نصب کنید و authtoken خود را در محیط محلی خود راه اندازی کنید.
  3. یک دامنه ثابت در حساب ngrok خود ایجاد کنید ، در دستورالعمل های این راهنما به آن NGROK_STATIC_DOMAIN اشاره شده است.

برنامه چت را پیکربندی کنید

برنامه چت را پیکربندی کنید تا تمام درخواست های HTTP خود را به دامنه استاتیک شما ارسال کند.

  1. در کنسول Google Cloud، صفحه Google Chat API را باز کنید:

    به صفحه Google Chat API بروید

  2. روی تب Configuration کلیک کنید.

  3. به ویژگی های تعاملی > تنظیمات اتصال بروید و مقدار فیلد متنی App Url را روی:

    https://NGROK_STATIC_DOMAIN

    دامنه ثابت در حساب ngrok خود را جایگزین NGROK_STATIC_DOMAIN کنید.

  4. روی ذخیره کلیک کنید.

برنامه چت تمام درخواست های HTTP خود را به دامنه ثابت ارسال می کند

شکل 2. برنامه چت تمام درخواست های HTTP خود را به دامنه ثابت ارسال می کند. سرویس عمومی ngrok به عنوان پلی بین برنامه چت و کد برنامه ای که به صورت محلی اجرا می شود عمل می کند.

برنامه چت را تست کنید

می‌توانید برنامه چت خود را به صورت محلی اجرا، پیکربندی، آزمایش، اشکال‌زدایی و بارگیری مجدد خودکار کنید.

Node.js

  1. مخزن googleworkspace/google-chat-samples از GitHub به محیط محلی خود کلون کنید، این مخزن حاوی کد برنامه برای اجرا است:

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

  2. از Visual Studio Code IDE که در محیط محلی شما نصب شده است، موارد زیر را انجام دهید:

    1. در یک پنجره جدید، پوشه google-chat-samples/node/basic-app باز کنید.

    2. با افزودن دو اسکریپت در فایل package.json برنامه را برای اشکال زدایی بارگذاری مجدد خودکار پیکربندی کنید:

      {
    ...
    "scripts": {
        ...
        "debug": "node --inspect index.js",
        "debug-watch": "nodemon --watch ./ --exec npm run debug"
    }
    ...
}

    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. یک نقطه انفصال که پردازش درخواست HTTP را در فایل index.js متوقف می کند، اضافه کنید و با تنظیمات Debug Watch که قبلاً اضافه شده است ، اجرا و اشکال زدایی را شروع کنید . برنامه اکنون در حال اجرا است و به درخواست های HTTP در پورت 9000 گوش می دهد.

      برنامه در حال اجرا است و به درخواست های HTTP در پورت '9000' گوش می دهد

      شکل 3. برنامه در حال اجرا است و به درخواست های HTTP در پورت 9000 گوش می دهد.

  3. برنامه ngrok را در محیط محلی خود راه اندازی کنید:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    دامنه ثابت در حساب ngrok خود را جایگزین NGROK_STATIC_DOMAIN کنید. اکنون همه درخواست ها به محیط محلی شما و پورت مورد استفاده برنامه هدایت می شوند.

    ترمینال با سرور «ngrok» در حال اجرا و تغییر مسیر

    شکل 4. ترمینال با سرور ngrok در حال اجرا و تغییر مسیر.

  4. یک رابط وب نیز در لوکال هاست شما توسط برنامه ngrok راه اندازی می شود، شما می توانید با باز کردن آن در یک مرورگر، تمام فعالیت ها را نظارت کنید.

    رابط وب میزبانی شده توسط برنامه «ngrok» بدون درخواست HTTP

    شکل 5. رابط وب میزبانی شده توسط برنامه ngrok بدون درخواست HTTP.

  5. برنامه چت خود را با ارسال یک پیام مستقیم به آن تست کنید:

    • Google Chat را باز کنید.

      به Google Chat بروید

    • جدید چت کلیک کنید.

    • در گفتگو، نام برنامه چت خود را وارد کنید.

    • در نتایج جستجو، برنامه چت خود را پیدا کنید، روی افزودن > گپ کلیک کنید.

    • در فضای پیام مستقیم، Hello تایپ کرده و enter فشار دهید. برنامه چت شما پاسخ نمی دهد زیرا به طور فعال در حال رفع اشکال است.

  6. در Visual Studio Code در محیط محلی خود، می توانید ببینید که در نقطه شکستی که تنظیم شده است، اجرا متوقف شده است.

    اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود

    شکل 6. اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود.

  7. هنگامی که اجرای را از دیباگر Visual Studio Code قبل از اتمام زمان چت Google از سر می گیرید، برنامه چت پاسخ می دهد Your message : Hello .

  8. می‌توانید گزارش‌های درخواست و پاسخ HTTP را از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود بررسی کنید.

    درخواست HTTP از رابط وب میزبانی شده توسط برنامه «ngrok».

    شکل 7. درخواست HTTP از رابط وب میزبانی شده توسط برنامه ngrok .

  9. برای تغییر رفتار برنامه، Your message با Here was your message inline 35 of the index.json جایگزین کنید. وقتی فایل را ذخیره می کنید، nodemon به طور خودکار برنامه را با کد منبع به روز شده بارگیری می کند و Visual Studio Code در حالت اشکال زدایی باقی می ماند.

    برنامه در حال اجرا است و به درخواست های HTTP در پورت '9000' با تغییر کد بارگذاری شده گوش می دهد.

    شکل 8. برنامه در حال اجرا و گوش دادن به درخواست های HTTP در پورت 9000 با تغییر کد بارگذاری شده است.

  10. این بار، به جای ارسال پیام دوم Hello در فضا، می توانید آخرین درخواست HTTP ثبت شده در رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود را انتخاب کنید و روی Replay کلیک کنید. مانند دفعه قبل، برنامه چت شما پاسخ نمی دهد زیرا به طور فعال اشکال زدایی می شود.

  11. هنگامی که اجرای را از دیباگر Visual Studio Code از سر می گیرید، می توانید از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود مشاهده کنید که برنامه با نسخه به روز شده پیام پاسخی ایجاد می کند Here was your message : Hello .

پایتون

  1. اعتبار کاربری جدید را برای استفاده برای اعتبارنامه پیش فرض برنامه به دست آورید:

    gcloud config set project PROJECT_ID
gcloud auth application-default login

    شناسه پروژه پروژه Cloud برنامه را جایگزین PROJECT_ID کنید.

  2. مخزن googleworkspace/google-chat-samples از GitHub به محیط محلی خود کلون کنید، این مخزن حاوی کد برنامه است:

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

  3. از Visual Studio Code IDE که در محیط محلی شما نصب شده است، موارد زیر را انجام دهید:

    1. در یک پنجره جدید، پوشه google-chat-samples/python/avatar-app باز کنید.

    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", "hello_chat",
            "--port", "9000",
            "--debug"
        ]
    }]
}

    5. نقطه شکستی اضافه کنید که پردازش درخواست HTTP را در فایل main.py متوقف می‌کند و با تنظیمات Debug Watch که قبلاً اضافه شده است ، اجرا و اشکال‌زدایی را شروع کنید . برنامه اکنون در حال اجرا است و به درخواست های HTTP در پورت 9000 گوش می دهد.

      برنامه در حال اجرا است و به درخواست های HTTP در پورت '9000' گوش می دهد

      شکل 3. برنامه در حال اجرا است و به درخواست های HTTP در پورت 9000 گوش می دهد.

  4. برنامه ngrok را در محیط محلی خود راه اندازی کنید:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    دامنه ثابت در حساب ngrok خود را جایگزین NGROK_STATIC_DOMAIN کنید. اکنون همه درخواست ها به محیط محلی شما و پورت مورد استفاده برنامه هدایت می شوند.

    ترمینال با سرور «ngrok» در حال اجرا و تغییر مسیر

    شکل 4. ترمینال با سرور ngrok در حال اجرا و تغییر مسیر.

  5. یک رابط وب نیز در لوکال هاست شما توسط برنامه ngrok راه اندازی می شود، شما می توانید با باز کردن آن در یک مرورگر، تمام فعالیت ها را نظارت کنید.

    رابط وب میزبانی شده توسط برنامه «ngrok» بدون درخواست HTTP

    شکل 5. رابط وب میزبانی شده توسط برنامه ngrok بدون درخواست HTTP.

  6. برنامه چت خود را با ارسال یک پیام مستقیم به آن تست کنید:

    • Google Chat را باز کنید.

      به Google Chat بروید

    • جدید چت کلیک کنید.

    • در گفتگو، نام برنامه چت خود را وارد کنید.

    • در نتایج جستجو، برنامه چت خود را پیدا کنید، روی افزودن > گپ کلیک کنید.

    • در فضای پیام مستقیم، Hey! و enter فشار دهید. برنامه چت شما پاسخ نمی دهد زیرا به طور فعال در حال رفع اشکال است.

  7. در Visual Studio Code در محیط محلی خود، می توانید ببینید که در نقطه شکستی که تنظیم شده است، اجرا متوقف شده است.

    اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود

    شکل 6. اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود.

  8. هنگامی که قبل از اتمام زمان Google Chat، از دیباگر Visual Studio Code اجرا را از سر می گیرید، برنامه Chat با نام و تصویر آواتار شما در پیام پاسخ می دهد.

  9. می‌توانید گزارش‌های درخواست و پاسخ HTTP را از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود بررسی کنید.

    درخواست HTTP از رابط وب میزبانی شده توسط برنامه «ngrok».

    شکل 7. درخواست HTTP از رابط وب میزبانی شده توسط برنامه ngrok .

  10. برای تغییر رفتار برنامه، Hello با Hey inline 51 از فایل main.py جایگزین کنید. هنگامی که فایل را ذخیره می کنید، Visual Studio Code به طور خودکار برنامه را با کد منبع به روز شده بارگیری می کند و در حالت اشکال زدایی باقی می ماند.

    برنامه در حال اجرا است و به درخواست های HTTP در پورت '9000' با تغییر کد بارگذاری شده گوش می دهد.

    شکل 8. برنامه در حال اجرا و گوش دادن به درخواست های HTTP در پورت 9000 با تغییر کد بارگذاری شده است.

  11. این بار به جای ارسال پیام دوم Hey! در این فضا، می توانید آخرین درخواست HTTP ثبت شده در رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود را انتخاب کنید و روی Replay کلیک کنید. مانند دفعه قبل، برنامه چت شما پاسخ نمی دهد زیرا به طور فعال اشکال زدایی می شود.

  12. هنگامی که اجرای را از دیباگر Visual Studio Code از سر می گیرید، می توانید از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود مشاهده کنید که برنامه با نسخه به روز شده پیام پاسخی ایجاد می کند.

جاوا

  1. برای استفاده از اعتبارنامه پیش‌فرض برنامه، اعتبار کاربری جدید دریافت کنید:

    gcloud config set project PROJECT_ID
gcloud auth application-default login

    شناسه پروژه پروژه Cloud برنامه را جایگزین PROJECT_ID کنید.

  2. مخزن googleworkspace/google-chat-samples از GitHub در محیط محلی خود کلون کنید، این مخزن حاوی کد برنامه است:

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

  3. از Visual Studio Code IDE که در محیط محلی شما نصب شده است، موارد زیر را انجام دهید:

    1. در یک پنجره جدید، پوشه google-chat-samples/java/avatar-app را باز کنید.

    2. پروژه Maven را برای اجرای برنامه HelloChat در پورت 9000 به صورت محلی با افزودن افزونه ساخت Cloud Functions Framework function-maven-plugin در فایل pom.xml پیکربندی کنید:

      ...
<plugin>
    <groupId>com.google.cloud.functions</groupId>
    <artifactId>function-maven-plugin</artifactId>
    <version>0.11.0</version>
    <configuration>
        <functionTarget>HelloChat</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. یک نقطه انفصال که پردازش درخواست HTTP را در فایل HelloChat.java متوقف می کند، اضافه کنید و با تنظیمات Remote Debug Watch که قبلاً اضافه شده است ، پیوست کردن و اشکال زدایی را شروع کنید . برنامه اکنون در حال اجرا است و به درخواست های HTTP در پورت 9000 گوش می دهد.

      برنامه در حال اجرا است و به درخواست های HTTP در پورت '9000' گوش می دهد

      شکل 3. برنامه او در حال اجرا و گوش دادن به درخواست های HTTP در پورت 9000 است.

  4. برنامه ngrok را در محیط محلی خود راه اندازی کنید:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    دامنه ثابت در حساب ngrok خود را جایگزین NGROK_STATIC_DOMAIN کنید. اکنون همه درخواست ها به محیط محلی شما و پورت مورد استفاده برنامه هدایت می شوند.

    ترمینال با سرور «ngrok» در حال اجرا و تغییر مسیر

    شکل 4. ترمینال با سرور ngrok در حال اجرا و تغییر مسیر.

  5. یک رابط وب نیز در لوکال هاست شما توسط برنامه ngrok راه اندازی می شود، شما می توانید با باز کردن آن در یک مرورگر، تمام فعالیت ها را نظارت کنید.

    رابط وب میزبانی شده توسط برنامه «ngrok» بدون درخواست HTTP

    شکل 5. رابط وب میزبانی شده توسط برنامه ngrok بدون درخواست HTTP.

  6. برنامه چت خود را با ارسال یک پیام مستقیم به آن تست کنید:

    • Google Chat را باز کنید.

      به Google Chat بروید

    • جدید چت کلیک کنید.

    • در گفتگو، نام برنامه چت خود را وارد کنید.

    • در نتایج جستجو، برنامه چت خود را پیدا کنید، روی افزودن > گپ کلیک کنید.

    • در فضای پیام مستقیم، Hey! و enter فشار دهید. برنامه چت شما پاسخ نمی دهد زیرا به طور فعال در حال رفع اشکال است.

  7. در Visual Studio Code در محیط محلی خود، می توانید ببینید که در نقطه شکستی که تنظیم شده است، اجرا متوقف شده است.

    اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود

    شکل 6. اجرا در نقطه شکستی که تنظیم شده بود متوقف می شود.

  8. هنگامی که قبل از اتمام زمان Google Chat، از دیباگر Visual Studio Code اجرا را از سر می گیرید، برنامه Chat با نام و تصویر آواتار شما در پیام پاسخ می دهد.

  9. می‌توانید گزارش‌های درخواست و پاسخ HTTP را از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود بررسی کنید.

    درخواست HTTP از رابط وب میزبانی شده توسط برنامه «ngrok».

    شکل 7. درخواست HTTP از رابط وب میزبانی شده توسط برنامه ngrok .

  10. برای تغییر رفتار برنامه، Hello با Hey inline 55 از فایل HelloChat.java جایگزین کنید، فرآیند mvnDebug را مجدداً راه اندازی کنید و Remote Debug Watch مجدداً راه اندازی کنید تا دوباره ضمیمه شده و اشکال زدایی مجدد شروع شود .

  11. این بار به جای ارسال پیام دوم Hey! در این فضا، می توانید آخرین درخواست HTTP ثبت شده در رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود را انتخاب کنید و روی Replay کلیک کنید. مانند دفعه قبل، برنامه چت شما پاسخ نمی دهد زیرا به طور فعال اشکال زدایی می شود.

  12. هنگامی که اجرای را از دیباگر Visual Studio Code از سر می گیرید، می توانید از رابط وب میزبانی شده توسط برنامه ngrok در محیط محلی خود مشاهده کنید که برنامه با نسخه به روز شده پیام پاسخی ایجاد می کند.

اشکال زدایی از محیط راه دور

در این بخش، شما با برنامه چت خود که در یک محیط راه دور اجرا می شود تعامل دارید.

اشکال زدایی از محیط راه دور

شکل 9. اشکال زدایی از محیط راه دور.

پیش نیازها

  • یک فضای پیام مستقیم با برنامه چت شما. می توانید بخش تست برنامه چت خود را در راهنمای Quickstart دنبال کنید و برای شروع برنامه چت خود را جستجو کنید.
  • برنامه شما در حال اجرا در محیط راه دور شما با اشکال زدا فعال در یک پورت معین، در دستورالعمل های این راهنما به عنوان 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 IDE که در محیط محلی شما نصب شده است، موارد زیر را انجام دهید:

  1. در یک پنجره جدید، کد منبع برنامه خود را باز کنید.

  2. فایل .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
    }]
}

    پایتون

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

    جاوا

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

    LOCAL_DEBUG_PORT با پورت اشکال زدایی در محیط محلی خود جایگزین کنید.

  3. یک نقطه شکست در کد منبع برنامه خود اضافه کنید که پردازش درخواست HTTP را متوقف می کند و با پیکربندی Debug Remote که قبلاً اضافه شده است ، اجرا و اشکال زدایی را شروع کنید .

در فضای پیام مستقیم برنامه چت، هر چیزی را که می‌خواهید آزمایش کنید تایپ کنید و enter فشار دهید. برنامه چت شما پاسخ نمی دهد زیرا به طور فعال در Visual Studio Code IDE اشکال زدایی می شود.