גישה לשרתים מקומיים ולמכונות 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 network targets (איתור יעדים ברשת) מסומנת.
   3. לוחצים על הגדרה לצד תיבת הסימון.

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

      

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

      

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

   

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

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

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

   

2. מוודאים שתיבת הסימון Discover USB devices (איתור התקני 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.

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

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

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

1. מריצים את שרת ה-proxy ורושמים את היציאה שבה הוא משתמש.

   הערה: שרת ה-proxy ושרת האינטרנט צריכים לפעול ביציאות שונות.

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

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

בשלב הבא צריך להגדיר את מכשיר Android כך שיתקשר עם שרת ה-proxy.

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

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

   הערה: הגדרות לשרת proxy חלות על כל רשת.

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

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

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

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

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

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

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

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

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

טיפ: כדי לחזור לגלישה רגילה, זכור לשנות את הגדרות לשרת proxy במכשיר Android אחרי שמתנתקים ממחשב הפיתוח.