גישה לשרתים מקומיים ולמכונות 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, לדוגמה:

   MacOS

   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. מוודאים שמסומנת האפשרות יעדי רשת ב-Discover.
   3. לוחצים על הגדרה ליד תיבת הסימון.

   4. בקטע הגדרות גילוי יעד, מזינים localhost:PORT, מסמנים הפעלת העברה ליציאה אחרת ולוחצים על סיום.

      

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

      

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

   

4. ליד סרגל הכתובות אפשר להחליף את המצב של שיטות הקלט.

מקרה 2: הגדרת העברה ליציאה אחרת באמצעות USB במכשיר Android

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

   

2. מוודאים שהתיבה Discover התקני USB מסומנת.

3. לוחצים על העברה ליציאה אחרת ליד תיבת הסימון.

4. בהגדרות של העברה ליציאה אחרת, localhost:8080 מוגדר כברירת מחדל. מסמנים את האפשרות הפעלת העברה ליציאה אחרת.

   .

5. כדי להגדיר יציאות אחרות, פועלים לפי השלבים הבאים. אם לא, מדלגים על השלבים ולוחצים על סיום.

6. בשדה הטקסט Port (יציאה) שמימין, מזינים את מספר היציאה שדרכה רוצים לגשת לאתר במכשיר Android. לדוגמה, אם אתם רוצים לגשת לאתר מ-localhost:5000, צריך להזין 5000.

7. בשדה הטקסט IP address ו-Port משמאל, מזינים את כתובת ה-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.

הגדרת העברה ליציאה אחרת לשרת proxy

כדי למפות דומיין מותאם אישית, צריך להפעיל שרת proxy במכונת הפיתוח. דוגמאות לשרתי proxy: Charles, Squid ו-Fiddler.

כדי להגדיר העברה ליציאה אחרת לשרת proxy:

1. מפעילים את שרת ה-Proxy ורושמים את היציאה שבה הוא משתמש.

2. מגדירים העברה ליציאה אחרת למכשיר Android. בשדה local address, מזינים localhost: ואז את היציאה שבה פועל שרת ה-Proxy. לדוגמה, אם היא פועלת ביציאה 8000, צריך להזין את localhost:8000. בשדה יציאת המכשיר מזינים את המספר שרוצים שמכשיר ה-Android יאזין לו, למשל 3333.

קביעת הגדרות לשרת proxy במכשיר שלך

לאחר מכן, עליך להגדיר את מכשיר ה-Android שלך שיתקשר עם שרת ה-proxy.

1. במכשיר Android, עוברים אל הגדרות > Wi-Fi.

2. לוחצים לחיצה ארוכה על שם הרשת שאליה אתם מחוברים.

3. מקישים על שינוי רשת.

4. מקישים על אפשרויות מתקדמות. ההגדרות לשרת ה-proxy מוצגות.

5. מקישים על התפריט שרת Proxy ובוחרים באפשרות ידני.

6. בשדה שם מארח של שרת proxy, מזינים localhost.

7. בשדה יציאת שרת Proxy, מזינים את מספר היציאה שהזנתם בקטע יציאת המכשיר בקטע הקודם.

8. מקישים על שמירה.

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

עכשיו אפשר לגשת לדומיינים מותאמים אישית ב-Android, בדיוק כמו במכונת הפיתוח.

אם בשרת האינטרנט שלכם אין יציאה לא סטנדרטית, זכרו לציין את היציאה כשאתם מבקשים את התוכן ממכשיר Android. לדוגמה, אם שרת האינטרנט משתמש בדומיין המותאם אישית chrome.devtools ביציאה 7331, כשמציגים את האתר ממכשיר Android, צריך להשתמש בכתובת ה-URL chrome.devtools:7331.