با ارسال پورت به سرورهای محلی و نمونه‌های Chrome دسترسی پیدا کنید

مگین کرنی
Meggin Kearney
سوفیا املیانوا
Sofia Emelianova

می توانید از ارسال پورت برای موارد زیر استفاده کنید:

  • مورد 1 . یک برگه باز شده در نمونه کروم دیگری را اشکال زدایی کنید.
  • مورد 2 . یک سایت را روی سرور وب ماشین توسعه میزبانی کنید، سپس از طریق یک کابل USB از یک دستگاه Android به محتوا دسترسی پیدا کنید.

در مورد 2 ، ارسال پورت از طریق یک درگاه TCP شنود در دستگاه Android شما کار می کند که به یک پورت TCP در دستگاه توسعه شما نقشه می دهد. ترافیک بین پورت ها از طریق اتصال USB بین دستگاه Android و دستگاه توسعه شما انجام می شود، بنابراین اتصال به پیکربندی شبکه شما بستگی ندارد.

علاوه بر این، اگر وب سرور شما از یک دامنه سفارشی استفاده می‌کند، می‌توانید دستگاه Android خود را برای دسترسی به محتوای آن دامنه با نگاشت دامنه سفارشی تنظیم کنید.

ارسال پورت را تنظیم کنید

بسته به مورد خود، مراحل بعدی را دنبال کنید.

مورد 1: ارسال پورت را به نمونه دیگری از Chrome تنظیم کنید

  1. نمونه دیگری از کروم را با پارامتر --remote-debugging-port= PORT اجرا کنید، برای مثال:

    MacOS

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

    ویندوز

    start chrome --remote-debugging-port=PORT

    لینوکس

    google-chrome --remote-debugging-port=PORT
  2. در نمونه کروم که در حال رفع اشکال هستید با:

    1. chrome://inspect/#devices را باز کنید.
    2. مطمئن شوید چک باکس. کشف اهداف شبکه بررسی شده است.
    3. روی Configure در کنار چک باکس کلیک کنید.
    4. در تنظیمات کشف هدف ، localhost: PORT ، بررسی کنید چک باکس. ارسال پورت را فعال کنید و روی Done کلیک کنید.

      پنجره تنظیمات کشف هدف.

    5. در «دستگاه‌ها» ، یک هدف از راه دور جدید خواهید دید. بر روی Inspect در کنار برگه ای که می خواهید اشکال زدایی کنید کلیک کنید.

      پیوند بازرسی در کنار برگه هدف از راه دور.

  3. یک پنجره DevTools جدید در حالت دستگاه باز می شود. در نوار آدرس در بالا، می‌توانید آدرس وب‌سایتی را که می‌خواهید اشکال‌زدایی کنید، وارد کنید.

    DevTools در حالت دستگاه.

  4. در کنار نوار آدرس، می‌توانید روش‌های ورودی را تغییر دهید.

مورد 2: ارسال پورت از طریق USB را برای دستگاه Android خود تنظیم کنید

  1. اشکال زدایی از راه دور را بین دستگاه توسعه و دستگاه Android خود تنظیم کنید. وقتی کارتان تمام شد، باید دستگاه Android خود را در لیست ببینید.

    دستگاه اندروید در لیست.

  2. مطمئن شوید چک باکس. کشف دستگاه‌های USB بررسی شده است.

  3. روی Port forwarding در کنار چک باکس کلیک کنید.

  4. در تنظیمات Port Forwarding ، localhost:8080 به طور پیش فرض تنظیم شده است. گزینه Enable port forwarding را علامت بزنید.

    تنظیمات ارسال پورت .

  5. اگر می خواهید پورت های دیگری را راه اندازی کنید، مراحل زیر را دنبال کنید. در غیر این صورت مراحل را رد کرده و روی Done کلیک کنید.

  6. در قسمت متنی Port در سمت چپ، شماره پورتی را که می‌خواهید از طریق آن بتوانید به سایت دستگاه اندرویدی خود دسترسی داشته باشید، وارد کنید. به عنوان مثال، اگر می خواهید از localhost:5000 به سایت دسترسی داشته باشید، 5000 وارد می کنید.

  7. در قسمت متنی آدرس IP و پورت در سمت راست، آدرس IP یا نام میزبانی را که سایت شما روی سرور وب ماشین توسعه شما در حال اجرا است و به دنبال آن شماره پورت را وارد کنید. برای مثال، اگر سایت شما روی localhost:5000 اجرا می شود، باید localhost:5000 را وارد کنید.

  8. روی Done کلیک کنید.

حمل و نقل بندر اکنون راه اندازی شده است. می توانید نشانگر وضعیت پورت رو به جلو را در بالا و همچنین در کنار نام دستگاه مشاهده کنید.

وضعیت حمل و نقل پورت

برای مشاهده محتوا، Chrome را در دستگاه Android خود باز کنید و به پورت localhost که در قسمت Device port تعیین کرده اید بروید. به عنوان مثال، اگر شما 5000 در فیلد وارد کنید، به localhost:5000 می روید.

نقشه به دامنه های محلی سفارشی

نگاشت دامنه سفارشی به شما امکان می دهد محتوا را در دستگاه Android از یک سرور وب در دستگاه توسعه خود که از یک دامنه سفارشی استفاده می کند، مشاهده کنید.

برای مثال، فرض کنید سایت شما از یک کتابخانه جاوا اسکریپت شخص ثالث استفاده می کند که فقط روی دامنه مجاز chrome.devtools کار می کند. بنابراین، یک ورودی در فایل hosts خود در دستگاه توسعه خود ایجاد می کنید تا این دامنه را به localhost نگاشت کنید (یعنی 127.0.0.1 chrome.devtools ). پس از تنظیم نقشه دامنه سفارشی و ارسال پورت، می‌توانید سایت را در دستگاه Android خود در URL chrome.devtools مشاهده کنید.

ارسال پورت به سرور پروکسی را تنظیم کنید

برای ترسیم یک دامنه سفارشی، باید یک سرور پروکسی بر روی دستگاه توسعه خود اجرا کنید. نمونه هایی از سرورهای پراکسی عبارتند از Charles , Squid , Fiddler .

برای تنظیم ارسال پورت به یک پروکسی:

  1. سرور پروکسی را اجرا کنید و پورتی را که از آن استفاده می کند یادداشت کنید.

  2. انتقال پورت را به دستگاه Android خود تنظیم کنید. برای فیلد آدرس محلی ، localhost: به دنبال آن پورتی که سرور پروکسی شما روی آن در حال اجرا است را وارد کنید. به عنوان مثال، اگر روی پورت 8000 اجرا می شود، باید localhost:8000 وارد کنید. در قسمت پورت دستگاه ، شماره ای را که می خواهید دستگاه اندرویدی شما به آن گوش کند، وارد کنید، مانند 3333 .

تنظیمات پروکسی را در دستگاه خود پیکربندی کنید

در مرحله بعد، باید دستگاه اندروید خود را برای برقراری ارتباط با سرور پروکسی پیکربندی کنید.

  1. در دستگاه Android خود به تنظیمات > Wi-Fi بروید.
  2. نام شبکه ای را که به آن متصل هستید فشار دهید.

  3. روی Modify network ضربه بزنید.

  4. روی گزینه های پیشرفته ضربه بزنید. تنظیمات پروکسی نمایش داده می شود.

  5. روی منوی Proxy ضربه بزنید و Manual را انتخاب کنید.

  6. برای قسمت نام میزبان پروکسی ، localhost را وارد کنید.

  7. برای قسمت پورت پروکسی ، شماره پورتی را که در قسمت قبل برای پورت دستگاه وارد کردید، وارد کنید.

  8. روی ذخیره ضربه بزنید.

با این تنظیمات، دستگاه شما تمام درخواست‌های خود را به پروکسی در دستگاه توسعه‌تان ارسال می‌کند. پروکسی از طرف دستگاه شما درخواست می کند، بنابراین درخواست های دامنه محلی سفارشی شده شما به درستی حل می شود.

اکنون می‌توانید مانند دستگاه توسعه به دامنه‌های سفارشی در دستگاه Android Android خود دسترسی داشته باشید.

اگر وب سرور شما از یک پورت غیر استاندارد استفاده می کند، به یاد داشته باشید که هنگام درخواست محتوا از دستگاه Android خود، پورت را مشخص کنید. به عنوان مثال، اگر وب سرور شما از دامنه سفارشی chrome.devtools در پورت 7331 استفاده می کند، وقتی سایت را از دستگاه Android خود مشاهده می کنید باید از URL chrome.devtools:7331 استفاده کنید.