تصحيح الأخطاء في تطبيقات Google Chat

بصفتك مطوِّر تطبيقات Google Chat، قد تحتاج إلى تصحيح أخطاء الرمز البرمجي اختبار التغييرات أو استكشاف الأخطاء وإصلاحها. تصحيح أخطاء التطبيقات في Chat يمكن القيام به بعدة طرق مختلفة اعتمادًا على بنية التطبيق، وما يفعله التطبيق، وكيفية نشره، وتفضيلاتك.

توضّح هذه الصفحة كيفية تصحيح أخطاء تطبيق HTTP Chat باستخدام ngrok، وهي منصة موحَّدة واردة يمكنك استخدامها لاختبار بيانات بيئات التطوير المختلفة. في هذا الدليل، يمكنك اختبار تغييرات الرمز في دليل البيئة واستكشاف الأخطاء وإصلاحها في بيئة بعيدة.

تصحيح الأخطاء من بيئة تطوير محلية

في هذا القسم، تتفاعل مع تطبيق Chat الذي في بيئتك المحلية.

تصحيح الأخطاء من التنمية المحلية
البيئة

الشكل 1. تصحيح الأخطاء في بيئة تطوير محلية.

ورشة

Node.js

Python

Java

المتطلبات الأساسية

Node.js

Python

Java

إتاحة خدمة المضيف المحلي بشكل علني

تحتاج إلى توصيل بيئتك المحلية بالإنترنت حتى يمكن لتطبيق Chat الوصول إليه. يتم استخدام تطبيق "ngrok" إعادة توجيه طلبات HTTP التي تم إجراؤها إلى عنوان URL عام إلى بيئتك المحلية.

  1. في متصفِّح في بيئتك المحلية، سجِّل الدخول إلى حسابك على ngrok.
  2. يمكنك تثبيت التطبيق وإعداد authtoken في منطقتك.
  3. إنشاء نطاق ثابت في حساب ngrok، تتم الإشارة إليه على أنه NGROK_STATIC_DOMAIN في تعليمات هذا الدليل.

ضبط تطبيق Chat

ضبط تطبيق Chat لإرسال جميع طلبات HTTP إلى لنطاقك الثابت.

  1. في Google Cloud Console، افتح صفحة Google Chat API:

    الانتقال إلى صفحة Google Chat API

  2. انقر على علامة التبويب الإعداد.

  3. انتقِل إلى الميزات التفاعلية >. إعدادات الربط وضبط القيمة من الحقل النصي عنوان URL للتطبيق من أجل:

    https://NGROK_STATIC_DOMAIN
    

    استبدل NGROK_STATIC_DOMAIN بالنطاق الثابت في حسابك على ngrok.

  4. انقر على حفظ.

يرسل تطبيق Chat جميع طلبات HTTP إلى
نطاق ثابت

الشكل 2. يرسل تطبيق Chat جميع طلبات HTTP الخاصة به. على المجال الثابت. تعمل الخدمة العامة في "ngrok" كجسر بين تطبيق Chat ورمز التطبيق المُستخدَم محليًا.

اختبار تطبيق Chat

ويمكنك تفعيلها على الجهاز وإعدادها واختبارها وتصحيح أخطائها وإعادة تحميلها تلقائيًا تطبيق Chat

Node.js

  1. استنساخ مستودع googleworkspace/google-chat-samples من GitHub إلى بيئتك المحلية، فإنه يحتوي على رمز التطبيق execute:

    git clone https://github.com/googleworkspace/google-chat-samples.git
  2. من بيئة تطوير البرامج (IDE) "Visual Studio Code" المثبَّت في بيئتك المحلية: قم بما يلي:

    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_STATIC_DOMAIN بالنطاق الثابت في حسابك على ngrok. تتم الآن إعادة توجيه جميع الطلبات إلى دليل البيئة والمنفذ الذي يستخدمه التطبيق.

    الوحدة الطرفية التي يقوم خادم `ngrok` بتشغيلها
جارٍ إعادة التوجيه

    الشكل 4. الوحدة الطرفية التي يعمل خادم ngrok فيها قيد التشغيل وتُعيد التوجيه.

  4. يتم أيضًا بدء واجهة ويب على مضيفك المحلي من خلال ngrok. يمكنك مراقبة جميع الأنشطة من خلال فتحه في متصفح.

    واجهة الويب التي يستضيفها تطبيق "ngrok" لا تعرض أي بروتوكول HTTP
الطلبات

    الشكل 5. واجهة الويب التي يستضيفها تطبيق "ngrok" عدم عرض أي طلبات HTTP.

  5. اختبار تطبيق Chat من خلال إرسال رسالة مباشرة الرسالة:

    • افتح Google Chat.

      الانتقال إلى Google Chat

    • انقر على رمز محادثة جديدة .

    • في مربع الحوار، أدخل اسم تطبيق Chat

    • ضمن نتائج البحث، ابحث عن تطبيق Chat، انقر على إضافة > الدردشة

    • في مساحة الرسائل المباشرة، اكتب Hello واضغط على enter. إنّ لا يردّ تطبيق Chat لأنّه قيد المراجعة. تصحيح الأخطاء بشكل نشط.

  6. في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

    تم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي كانت
ضبط

    الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.

  7. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة Google Chat لتطبيق Chat الردود Your message : Hello.

  8. يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

    طلب HTTP من واجهة الويب التي يستضيفها "ngrok"
صفحة

    الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".

  9. لتغيير سلوك التطبيق، استبدِل Your message بـ Here was your message مضمّن 35 من index.json. عند الحفظ الملف، يعيد nodemon تحميل التطبيق تلقائيًا رمز المصدر المعدَّل وسيبقى Visual Studio Code في وضع تصحيح الأخطاء.

    التطبيق قيد التشغيل ويستمع إلى طلبات HTTP على المنفذ
"9000" مع تغيير الرمز
تم تحميله

    الشكل 8. التطبيق قيد التشغيل ويستمع إلى طلبات HTTP في المنفذ 9000 مع تحميل تغيير الرمز.

  10. هذه المرة، بدلاً من إرسال رسالة ثانية Hello في المساحة، يمكنك يمكن تحديد آخر طلب HTTP تم تسجيله على واجهة الويب المستضافة بواسطة تطبيق ngrok في بيئتك المحلية وانقر على Replay. كما كانت الحال في المرة الأخيرة، لا يردّ تطبيق Chat على جهازك. لأنه يتم تصحيحه بشكل نشط.

  11. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدّثة من الرسالة Here was your message : Hello.

Python

  1. الحصول على بيانات اعتماد مستخدم جديد لاستخدامها في التطبيق التلقائي للتطبيق بيانات الاعتماد:

    gcloud config set project PROJECT_ID
    gcloud auth application-default login

    استبدال PROJECT_ID بـ رقم تعريف المشروع عن مشروع التطبيق على السحابة الإلكترونية

  2. استنساخ مستودع googleworkspace/google-chat-samples من GitHub إلى بيئتك المحلية، فإنه يحتوي على رمز التطبيق:

    git clone https://github.com/googleworkspace/google-chat-samples.git
  3. من بيئة تطوير البرامج (IDE) "Visual Studio Code" المثبَّت في بيئتك المحلية: قم بما يلي:

    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", "avatar_app",
                  "--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_STATIC_DOMAIN بالنطاق الثابت في حسابك على ngrok. تتم الآن إعادة توجيه جميع الطلبات إلى دليل البيئة والمنفذ الذي يستخدمه التطبيق.

    الوحدة الطرفية التي يقوم خادم `ngrok` بتشغيلها
جارٍ إعادة التوجيه

    الشكل 4. الوحدة الطرفية التي يعمل خادم ngrok فيها قيد التشغيل وتُعيد التوجيه.

  5. يتم أيضًا بدء واجهة ويب على مضيفك المحلي من خلال ngrok. يمكنك مراقبة جميع الأنشطة من خلال فتحه في متصفح.

    واجهة الويب التي يستضيفها تطبيق "ngrok" لا تعرض أي بروتوكول HTTP
الطلبات

    الشكل 5. واجهة الويب التي يستضيفها تطبيق "ngrok" عدم عرض أي طلبات HTTP.

  6. اختبار تطبيق Chat من خلال إرسال رسالة مباشرة الرسالة:

    • افتح Google Chat.

      الانتقال إلى Google Chat

    • انقر على رمز محادثة جديدة .

    • في مربع الحوار، أدخل اسم تطبيق Chat

    • ضمن نتائج البحث، ابحث عن تطبيق Chat، انقر على إضافة > الدردشة

    • في مساحة الرسائل المباشرة، اكتب Hey! واضغط على enter. تطبيق Chat لا يستجيب لأنّه قيد التشغيل تصحيح الأخطاء بشكل نشط.

  7. في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

    تم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي كانت
ضبط

    الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.

  8. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة Google Chat لتطبيق Chat الردود مع اسمك وصورتك الرمزية في الرسالة.

  9. يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

    طلب HTTP من واجهة الويب التي يستضيفها "ngrok"
صفحة

    الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".

  10. لتغيير سلوك التطبيق، يُرجى استبدال Hello بـ Hey مضمّن. 51 من الملف main.py عند حفظ الملف، يتم Visual Studio Code يعيد تحميل التطبيق تلقائيًا باستخدام رمز المصدر المحدَّث يبقى في وضع تصحيح الأخطاء.

    التطبيق قيد التشغيل ويستمع إلى طلبات HTTP على المنفذ
"9000" مع تغيير الرمز
تم تحميله

    الشكل 8. التطبيق قيد التشغيل ويستمع إلى طلبات HTTP في المنفذ 9000 مع تحميل تغيير الرمز.

  11. هذه المرة، بدلاً من إرسال رسالة ثانية Hey! في المساحة، يمكنك يمكن تحديد آخر طلب HTTP تم تسجيله على واجهة الويب المستضافة بواسطة تطبيق ngrok في بيئتك المحلية وانقر على Replay. مثل آخر مرة، لا يردّ تطبيق Chat على جهازك. لأنه يتم تصحيح الأخطاء فيه.

  12. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدّثة من الرسالة.

Java

  1. الحصول على بيانات اعتماد مستخدم جديد لاستخدامها في التطبيق التلقائي للتطبيق بيانات الاعتماد:

    gcloud config set project PROJECT_ID
    gcloud auth application-default login

    استبدال PROJECT_ID بـ رقم تعريف المشروع عن مشروع التطبيق على السحابة الإلكترونية

  2. استنساخ مستودع googleworkspace/google-chat-samples من GitHub في بيئتك المحلية، فإنه يحتوي على رمز التطبيق:

    git clone https://github.com/googleworkspace/google-chat-samples.git
  3. من بيئة تطوير البرامج (IDE) "Visual Studio Code" المثبَّت في بيئتك المحلية: قم بما يلي:

    1. في نافذة جديدة، افتح المجلد google-chat-samples/java/avatar-app
    2. إعداد مشروع Maven لتشغيل تطبيق "App" عليه المنفذ 9000 على الجهاز من خلال إضافة إصدار Cloud Functions Platform المكون الإضافي function-maven-plugin في ملف 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. يمكنك الآن تشغيله محليًا في وضع تصحيح الأخطاء:

      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 مؤقتًا App.java، وابدأ في الإرفاق تصحيح الأخطاء باستخدام تمت إضافة إعدادات Remote Debug Watch من قبل. التطبيق يتم الآن تشغيل طلبات HTTP والاستماع إلى طلبات HTTP على المنفذ 9000.

      التطبيق يعمل ويستمع إلى طلبات HTTP على
المنفذ &quot;9000&quot;

      الشكل 3. الجهاز قيد التشغيل ويستمع إلى بروتوكول HTTP الطلبات على المنفذ 9000.

  4. تشغيل تطبيق ngrok في بيئتك المحلية:

    ngrok http --domain=NGROK_STATIC_DOMAIN 9000

    استبدل NGROK_STATIC_DOMAIN بالنطاق الثابت في حسابك على ngrok. تتم الآن إعادة توجيه جميع الطلبات إلى دليل البيئة والمنفذ الذي يستخدمه التطبيق.

    الوحدة الطرفية التي يقوم خادم `ngrok` بتشغيلها
جارٍ إعادة التوجيه

    الشكل 4. الوحدة الطرفية التي يعمل خادم ngrok فيها قيد التشغيل وتُعيد التوجيه.

  5. يتم أيضًا بدء واجهة ويب على مضيفك المحلي من خلال ngrok. يمكنك مراقبة جميع الأنشطة من خلال فتحه في متصفح.

    واجهة الويب التي يستضيفها تطبيق &quot;ngrok&quot; لا تعرض أي بروتوكول HTTP
الطلبات

    الشكل 5. واجهة الويب التي يستضيفها تطبيق "ngrok" عدم عرض أي طلبات HTTP.

  6. اختبار تطبيق Chat من خلال إرسال رسالة مباشرة الرسالة:

    • افتح Google Chat.

      الانتقال إلى Google Chat

    • انقر على رمز محادثة جديدة .

    • في مربع الحوار، أدخل اسم تطبيق Chat

    • ضمن نتائج البحث، ابحث عن تطبيق Chat، انقر على إضافة &gt; الدردشة

    • في مساحة الرسائل المباشرة، اكتب Hey! واضغط على enter. تطبيق Chat لا يستجيب لأنّه قيد التشغيل تصحيح الأخطاء بشكل نشط.

  7. في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

    تم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي كانت
ضبط

    الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.

  8. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة Google Chat لتطبيق Chat الردود مع اسمك وصورتك الرمزية في الرسالة.

  9. يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

    طلب HTTP من واجهة الويب التي يستضيفها &quot;ngrok&quot;
صفحة

    الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".

  10. لتغيير سلوك التطبيق، يُرجى استبدال Hello بـ Hey مضمّن. 55 من ملف App.java، ثم أعِد تشغيل عملية mvnDebug، إعادة تشغيل Remote Debug Watch من أجل إعادة تركيبه ثم إعادة تشغيله تصحيح الأخطاء.

  11. هذه المرة، بدلاً من إرسال رسالة ثانية Hey! في المساحة، يمكنك يمكن تحديد آخر طلب HTTP تم تسجيله على واجهة الويب المستضافة بواسطة تطبيق ngrok في بيئتك المحلية وانقر على Replay. كما كانت الحال في المرة الأخيرة، لا يردّ تطبيق Chat على جهازك. لأنه يتم تصحيحه بشكل نشط.

  12. عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدّثة من الرسالة.

تصحيح الأخطاء من بيئة بعيدة

في هذا القسم، تتفاعل مع تطبيق Chat الذي على بيئة بعيدة.

تصحيح الأخطاء من جهاز التحكّم عن بُعد
البيئة

الشكل 9. تصحيح الأخطاء من بيئة بعيدة.

المتطلبات الأساسية

  • مساحة رسائل مباشرة مع تطبيق Chat يمكنك تابع القسم يمكنك اختبار تطبيق Chat دليل البدء السريع والبحث عن تطبيق Chat لبدء استخدام تطبيق Chat
  • يعمل تطبيقك في بيئتك البعيدة باستخدام برنامج تصحيح الأخطاء. مُفعَّل على منفذ معيّن، تتم الإشارة إليه REMOTE_DEBUG_PORT في تعليمات هذا الدليل.
  • يمكن لبيئتك المحلية ssh على بيئتك البعيدة.
  • خادم IDE تم إعداده في بيئتك المحلية ويمكنه تصحيح الأخطاء. نستخدم دالة sort_values 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: منفذ تصحيح الأخطاء في جهاز التحكّم عن بُعد محددة.

منفذ تصحيح الأخطاء في بيئتك المحلية مرتبط الآن بمنفذ تصحيح الأخطاء في بيئة بعيدة.

بدء تصحيح الأخطاء

من بيئة التطوير المتكاملة (IDE) المثبَّت عليها برنامج "Visual Studio Code" في بيئتك المحلية، عليك تنفيذ ما يلي: التالي:

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

    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 بمنفذ تصحيح الأخطاء في البيئة المحلية.

  3. إضافة نقطة توقّف في رمز المصدر لتطبيقك تؤدي إلى إيقاف طلب HTTP مؤقتًا والمعالجة وبدء التشغيل تصحيح الأخطاء مع إضافة إعدادات Debug Remote من قبل.

في مساحة الرسائل المباشرة باستخدام تطبيق Chat، اكتب أي شيء تريد اختباره والضغط على enter. إنّ لا يرد تطبيق Chat لأنّه يعمل بشكل نشط تم تصحيح الأخطاء في بيئة تطوير متكاملة (IDE) Visual Studio Code.