גישה לשרתים מקומיים ולמכונות Chrome באמצעות העברה ליציאה אחרת

קייס בסקית
קייס בסקית
Twitter GitHub תקלה
מגין קירני
מגין קירני
סופיה אמליאנובה
סופיה אמליאנובה
GitHub

ניתן להשתמש בהעברה ליציאה אחרת אל:

  • מקרה 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. בהגדרות של Target Discovery, מזינים את הערך localhost:PORT, מסמנים את האפשרות תיבת סימון. הפעלה של העברה ליציאה אחרת ולוחצים על סיום.

      חלון ההגדרות של גילוי היעד.

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

      הקישור לבדיקה שמופיע ליד הכרטיסייה ביעד המרוחק.

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

    כלי פיתוח במצב מכשיר.

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

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

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

    מכשיר Android שמופיע ברשימה.

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

  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.