الوصول إلى الخوادم المحلية ومثيلات Chrome باستخدام ميزة إعادة توجيه المنفذ

Kayce Basques

Meggin Kearney

Sofia Emelianova

يمكنك استخدام إعادة توجيه المنفذ لإجراء ما يلي:

• الحالة 1: تصحيح أخطاء علامة تبويب مفتوحة في نسخة مختلفة من Chrome
• الحالة 2: استضافة موقع إلكتروني على خادم ويب لجهاز تطوير، ثم الوصول إلى المحتوى من جهاز Android باستخدام كابل USB

في الحالة 2، تعمل إعادة توجيه المنفذ من خلال منفذ TCP مستمع على جهاز Android يتم ربطه بمنفذ TCP على جهاز التطوير. يتم نقل البيانات بين المنافذ من خلال اتصال USB بين جهاز Android وجهاز التطوير، لذا لا يعتمد الاتصال على إعدادات الشبكة.

بالإضافة إلى ذلك، إذا كان خادم الويب يستخدم نطاقًا مخصّصًا، يمكنك إعداد جهاز Android للوصول إلى المحتوى في هذا النطاق من خلال ربط النطاق المخصّص.

إعداد قاعدة إعادة توجيه المنفذ

اتّبِع الخطوات التالية حسب حالتك.

الحالة 1: إعداد إعادة توجيه المنفذ إلى نسخة افتراضية أخرى من Chrome

1. يمكنك تشغيل نسخة افتراضية أخرى من Chrome باستخدام المَعلمة --remote-debugging-port=PORT، مثل:

   نظام التشغيل Mac

   open -a "Google Chrome" --args --remote-debugging-port=PORT

   Windows

   start chrome --remote-debugging-port=PORT

   Linux

   google-chrome --remote-debugging-port=PORT

2. في نسخة Chrome التي تستخدمها لتصحيح الأخطاء:

   1. فتح "chrome://inspect/#devices"
   2. تأكَّد من وضع علامة في المربّع اكتشاف أهداف الشبكة.
   3. انقر على ضبط بجانب مربّع الاختيار.

   4. في إعدادات اكتشاف الاستهداف، أدخِل localhost:PORT، وضَع علامة في المربّع تفعيل إعادة توجيه المنفذ، ثم انقر على تم.

      

   5. في قسم الأجهزة، سيظهر لك هدف جهاز تحكّم عن بُعد جديد. انقر على فحص بجانب علامة التبويب التي تريد تصحيح أخطائها.

      

3. يتم فتح نافذة جديدة في "أدوات المطوّر" في وضع الجهاز. في شريط العناوين في أعلى الشاشة، يمكنك إدخال عنوان الموقع الإلكتروني الذي تريد تصحيح أخطاءه.

   

4. بجانب شريط العناوين، يمكنك تبديل طرق الإدخال.

الحالة 2: إعداد إعادة توجيه المنفذ من خلال USB لجهاز Android

1. اضبط إعدادات تصحيح الأخطاء عن بُعد بين جهاز التطوير وجهاز Android. عند الانتهاء، من المفترض أن يظهر لك جهاز Android في القائمة.

   

2. تأكَّد من وضع علامة في المربّع بجانب التعرّف على أجهزة USB.

3. انقر على إعادة توجيه المنفذ بجانب مربّع الاختيار.

4. في إعدادات إعادة توجيه المنفذ، يتم ضبط localhost:8080 تلقائيًا. ضَع علامة في المربّع تفعيل إعادة توجيه المنفذ.

   .

5. إذا كنت تريد إعداد منافذ أخرى، اتّبِع الخطوات التالية. وإلّا يمكنك تخطي الخطوات والنقر على تم.

6. في الحقل النصي Port (منفذ) على يمين الصفحة، أدخِل رقم المنفذ الذي تريد التمكن من الوصول إلى الموقع الإلكتروني منه على جهاز Android. على سبيل المثال، إذا أردت الوصول إلى الموقع الإلكتروني من localhost:5000، عليك إدخال 5000.

7. في حقل النص عنوان IP والمنفذ على يسار الصفحة، أدخِل عنوان IP أو اسم المضيف الذي يتم فيه تشغيل موقعك الإلكتروني على خادم الويب في جهاز التطوير، متبوعًا برقم المنفذ. على سبيل المثال، إذا كان موقعك الإلكتروني يعمل على localhost:5000، عليك إدخال localhost:5000.

8. انقر على تم.

اكتمل الآن إعداد إعادة توجيه المنفذ. يمكن رؤية مؤشر الحالة الخاص بالمنفذ إلى الأمام في الجزء العلوي وكذلك إلى جانب اسم الجهاز.

لعرض المحتوى، افتح Chrome على جهاز Android وانتقِل إلى منفذ localhost الذي حدّدته في حقل منفذ الجهاز. على سبيل المثال، إذا أدخلت 5000 في الحقل، ستنتقل إلى localhost:5000.

الربط بالنطاقات المحلية المخصّصة

يتيح لك ربط النطاق الخاص عرض المحتوى على جهاز Android من خادم ويب على جهاز التطوير الذي يستخدم نطاقًا خاصًا.

على سبيل المثال، لنفترض أنّ موقعك الإلكتروني يستخدم مكتبة JavaScript تابعة لجهة خارجية لا تعمل إلا على النطاق المدرَج في القائمة المسموح بها chrome.devtools. لذا، يجب إنشاء إدخال في ملف hosts على جهاز التطوير لربط هذا النطاق بـ localhost (أي 127.0.0.1 chrome.devtools). بعد إعداد ربط النطاق الخاص وإعادة توجيه المنفذ، ستتمكن من عرض الموقع الإلكتروني على جهاز Android على عنوان URL chrome.devtools.

إعداد إعادة توجيه المنفذ إلى الخادم الوكيل

لربط نطاق مخصّص، يجب تشغيل خادم وكيل على جهاز التطوير. تشمل أمثلة الخوادم الوكيلة Charles وSquid وFiddler.

لإعداد إعادة توجيه المنفذ إلى خادم وكيل:

1. شغِّل الخادم الوكيل ولاحظ المنفذ الذي يستخدمه.

   ملاحظة: يجب أن يعمل الخادم الوكيل وخادم الويب على منافذ مختلفة.

2. إعداد إعادة توجيه المنفذ إلى جهاز Android في حقل العنوان المحلي، أدخِل localhost: متبوعًا بالمنفذ الذي يعمل عليه الخادم الوكيل. على سبيل المثال، إذا كان الحساب قيد التشغيل على المنفذ 8000، يجب إدخال localhost:8000. في حقل منفذ الجهاز، أدخِل الرقم الذي تريد أن يستخدمه جهاز Android للاستماع إلى المحتوى، مثل 3333.

ضبط إعدادات الخادم الوكيل على جهازك

بعد ذلك، عليك ضبط جهاز Android للاتصال بالخادم الوكيل.

1. على جهاز Android، انتقِل إلى الإعدادات > Wi-Fi.

2. اضغط مع الاستمرار على اسم الشبكة التي تتصل بها.

   ملاحظة: تنطبق إعدادات الخادم الوكيل لكل شبكة.

3. انقر على تعديل الشبكة.

4. انقر على الخيارات المتقدمة. تظهر إعدادات الخادم الوكيل.

5. انقر على قائمة الخادم الوكيل واختَر يدوي.

6. في حقل اسم مضيف الخادم الوكيل، أدخِل localhost.

7. في حقل منفذ الخادم الوكيل، أدخِل رقم المنفذ الذي أدخلته في حقل منفذ الجهاز في القسم السابق.

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

باستخدام هذه الإعدادات، يعيد جهازك توجيه جميع طلباته إلى الخادم الوكيل على جهاز التطوير. يُقدّم الخادم الوكيل الطلبات نيابةً عن جهازك، لذا يتم حلّ الطلبات المرسَلة إلى نطاقك المحلي المخصّص بشكلٍ سليم.

يمكنك الآن الوصول إلى النطاقات المخصّصة على جهاز Android تمامًا كما يمكنك الوصول إليها على جهاز المطوّر.

إذا كان خادم الويب يعمل من خلال منفذ غير عادي، تذكّر تحديد المنفذ عند طلب المحتوى من جهاز Android. على سبيل المثال، إذا كان خادم الويب يستخدم النطاق المخصّص chrome.devtools على المنفذ 7331، عند عرض الموقع الإلكتروني من جهاز Android، يجب استخدام عنوان URL chrome.devtools:7331.

ملاحظة: لاستئناف التصفُّح العادي، تذكّر إعادة إعدادات الخادم الوكيل على جهاز Android بعد إلغاء الربط بجهاز التطوير.