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

      

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

   

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

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

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

   

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

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

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

   .

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

6. בשדה הטקסט יציאה שבצד ימין, מזינים את מספר היציאה שממנה רוצים יוכלו לגשת לאתר במכשיר ה-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. בשדה כתובת מקומית, מזינים 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.