تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

اختبار إضافات HTTP في Google Workspace وتصحيح الأخطاء فيها

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

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

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

تتفاعل في هذا القسم مع إضافة Google Workspace في بيئتك المحلية.

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

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

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

Node.js

أحدث إصدار من "node" و"npm" مثبتة في بيئتك المحلية.
تم تثبيت أحدث إصدار من "nodemon" في جهازك. يتم استخدامها لأغراض إعادة التحميل التلقائي:
```
npm install -g nodemon
```
مشروع على Google Cloud: يمكنك متابعة هذه الأقسام المتطلّبات الأساسية وإعداد البيئة من Quickstart الدليل.
رمز إضافة Google Workspace المطلوب تصحيحها في جهازك محددة. نستخدم ميزات رابط المعاينة من مثال الرمز البرمجي 3p-resources من مستودع GitHub googleworkspace/add-ons-samples في هذا الدليل لأغراض التوضيح.
خادم IDE تم إعداده في بيئتك المحلية ويمكنه تصحيح الأخطاء. نستخدم دالة sort_values Visual Studio Code IDE والأداة التلقائية تصحيح الأخطاء في هذا الدليل لأغراض التوضيح.
حساب على ngrok
أحدث إصدار من "gcloud" مثبت وتم إعدادها في البيئة المحلية.

Python

أحدث إصدار من "python3" مثبت في بيئتك المحلية.
أحدث إصدار من pip تم تثبيت virtualenv في بيئة محلية، فهي تُستخدم لإدارة حزم البايثون على التوالي.
مشروع على Google Cloud: يمكنك متابعة هذه الأقسام المتطلّبات الأساسية وإعداد البيئة من Quickstart الدليل.
رمز إضافة Google Workspace المطلوب تصحيحها في جهازك محددة. نستخدم ميزات رابط المعاينة من مثال الرمز البرمجي 3p-resources من مستودع GitHub googleworkspace/add-ons-samples في هذا الدليل لأغراض التوضيح.
خادم IDE تم إعداده في بيئتك المحلية ويمكنه تصحيح الأخطاء. نستخدم دالة sort_values Visual Studio Code IDE والأداة التلقائية تصحيح الأخطاء في هذا الدليل لأغراض التوضيح.
حساب على ngrok
أحدث إصدار من "gcloud" مثبت وتم إعدادها في البيئة المحلية.

Java

أحدث إصدار ثابت من "Java SE 11's JDK" مثبّتة في جهازك محددة.
أحدث إصدار من "Apache Maven" مثبتة في بيئتك المحلية، يتم استخدامها لإدارة مشروعات Java.
مشروع على Google Cloud: يمكنك متابعة هذه الأقسام المتطلّبات الأساسية وإعداد البيئة من Quickstart الدليل.
رمز إضافة Google Workspace المطلوب تصحيحها في جهازك محددة. نستخدم ميزات رابط المعاينة من مثال الرمز البرمجي 3p-resources من مستودع GitHub googleworkspace/add-ons-samples في هذا الدليل لأغراض التوضيح.
خادم IDE تم إعداده في بيئتك المحلية ويمكنه تصحيح الأخطاء. نستخدم دالة sort_values Visual Studio Code IDE والأداة التلقائية تصحيح الأخطاء في هذا الدليل لأغراض التوضيح.
حساب على ngrok
أحدث إصدار من "gcloud" مثبت وتم إعدادها في البيئة المحلية.

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

تحتاج إلى توصيل بيئتك المحلية بالإنترنت حتى يمكن لإضافة 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
```
الحصول على بيانات اعتماد مستخدم جديد لاستخدامها في التطبيق التلقائي للتطبيق بيانات الاعتماد:
```
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

من بيئة تطوير البرامج (IDE) "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. إضافة نقطة توقف توقف معالجة طلب 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 لطلب بحث في عنوان URL جديد مستند Google باستخدام حساب مختبِر:
- إنشاء مستند Google جديد
  
  إنشاء "مستند Google" جديد
- اكتب الرابط التالي واضغط على enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- انقر على هذا الرابط.
في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة إضافة Google Workspace يعرض معاينة الرابط في مستند Google من ذاكرة التخزين المؤقت.
يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".
لتغيير سلوك التطبيق، يُرجى استبدال Case بـ Case: مضمّن. 51 من index.js عند حفظ الملف، يتم nodemon تلقائيًا. إعادة تحميل التطبيق برمز المصدر المحدَّث سيظل Visual Studio Code في وضع تصحيح الأخطاء.

الشكل 8. التطبيق قيد التشغيل ويستمع إلى طلبات HTTP في المنفذ 9000 مع تحميل تغيير الرمز.
هذه المرة، بدلاً من النقر على الرابط والانتظار بضع ثوانٍ في مستند Google جديد، يمكنك اختيار آخر طلب HTTP تم تسجيله على الويب واجهة يستضيفها تطبيق "ngrok" في بيئتك المحلية وانقر على Replay. كما في المرة السابقة، تم تثبيت إضافة Google Workspace لا يرد نظرًا لأنه يتم تصحيحه بشكل نشط.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدثة من بطاقة المعاينة.

Python

من بيئة تطوير البرامج (IDE) "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. إضافة نقطة توقف توقف معالجة طلب 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 لطلب بحث في عنوان URL جديد مستند Google باستخدام حساب مختبِر:
- إنشاء مستند Google جديد
  
  إنشاء "مستند Google" جديد
- اكتب الرابط التالي واضغط على enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- انقر على هذا الرابط.
في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة إضافة Google Workspace يعرض معاينة الرابط في مستند Google من ذاكرة التخزين المؤقت.
يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".
لتغيير سلوك التطبيق، يُرجى استبدال Case بـ Case: مضمّن. 56 من الملف main.py عند حفظ الملف، يتم Visual Studio Code يعيد تحميل التطبيق تلقائيًا باستخدام رمز المصدر المحدَّث يبقى في وضع تصحيح الأخطاء.

الشكل 8. التطبيق قيد التشغيل ويستمع إلى طلبات HTTP في المنفذ 9000 مع تحميل تغيير الرمز.
هذه المرة، بدلاً من النقر على الرابط والانتظار بضع ثوانٍ في مستند Google جديد، يمكنك اختيار آخر طلب HTTP تم تسجيله على الويب واجهة يستضيفها تطبيق "ngrok" في بيئتك المحلية وانقر على Replay. كما في المرة السابقة، تم تثبيت إضافة Google Workspace لا يرد نظرًا لأنه يتم تصحيحه بشكل نشط.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدثة من بطاقة المعاينة.

Java

من بيئة تطوير البرامج (IDE) "Visual Studio Code" المثبَّت في بيئتك المحلية: قم بما يلي:
1. في نافذة جديدة، افتح المجلد add-ons-samples/java/3p-resources
2. إعداد مشروع Maven لتشغيل التطبيق CreateLinkPreview في المنفذ 9000 محليًا من خلال إضافة السحابة الإلكترونية المكون الإضافي لإصدار دوال إطار العمل function-maven-plugin في ملف 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. إضافة نقطة توقف توقف معالجة طلب HTTP مؤقتًا CreateLinkPreview.java، وابدأ في الإرفاق تصحيح الأخطاء باستخدام تمت إضافة إعدادات Remote Debug Watch من قبل. التطبيق يتم الآن تشغيل طلبات HTTP والاستماع إلى طلبات 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 لطلب بحث في عنوان URL جديد مستند Google باستخدام حساب مختبِر:
- إنشاء مستند Google جديد
  
  إنشاء "مستند Google" جديد
- اكتب الرابط التالي واضغط على enter:
```
https://example.com/support/case/?name=Name1&description=Description1&priority=P1
```
- انقر على هذا الرابط.
في Visual Studio Code في بيئتك المحلية، يمكنك ملاحظة ما يلي: يتم إيقاف التنفيذ مؤقتًا عند نقطة التوقف التي تم تعيينها.

الشكل 6. يتم إيقاف التنفيذ مؤقتًا عند نقطة الإيقاف التي تم ضبطها.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code قبل انتهاء مهلة إضافة Google Workspace يعرض معاينة الرابط في مستند Google من ذاكرة التخزين المؤقت.
يمكنك التحقق من طلب HTTP وسجلات الاستجابة من واجهة الويب مستضاف من خلال تطبيق ngrok في بيئتك المحلية.

الشكل 7. طلب HTTP من واجهة الويب التي تستضيفها تطبيق "ngrok".
لتغيير سلوك التطبيق، يُرجى استبدال Case بـ Case: مضمّن. 78 من ملف CreateLinkPreview.java، يُرجى إعادة تشغيل mvnDebug. وإعادة تشغيل Remote Debug Watch لإعادة إرفاقه أو إعادة تشغيله تصحيح الأخطاء.
هذه المرة، بدلاً من النقر على الرابط والانتظار بضع ثوانٍ في مستند Google جديد، يمكنك اختيار آخر طلب HTTP تم تسجيله على الويب واجهة يستضيفها تطبيق "ngrok" في بيئتك المحلية وانقر على Replay. كما في المرة السابقة، تم تثبيت إضافة Google Workspace لا يرد نظرًا لأنه يتم تصحيحه بشكل نشط.
عند استئناف التنفيذ من برنامج تصحيح أخطاء Visual Studio Code يمكنك الاطّلاع على ذلك من واجهة الويب التي يستضيفها التطبيق ngrok في بيئتك المحلية حتى ينشئ التطبيق استجابة باستخدام النسخة المحدّثة من بطاقة المعاينة.

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

تتفاعل في هذا القسم مع إضافة Google Workspace على بيئة بعيدة.

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

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

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

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

في نافذة جديدة، افتح رمز المصدر لتطبيقك.

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

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

التفاعل مع إضافة Google Workspace المثبَّتة لا تردّ إضافة Google Workspace لأنّها تعمل بشكل نشط. تم تصحيح الأخطاء في بيئة تطوير متكاملة (IDE) Visual Studio Code.

مواضيع ذات صلة

تعرّف على كيفية طلب البحث في سجلات الأخطاء.