আপনি পোর্ট ফরওয়ার্ডিং ব্যবহার করতে পারেন:
- কেস ১। ভিন্ন কোনো ক্রোম ইনস্ট্যান্সে খোলা একটি ট্যাব ডিবাগ করুন।
- ক্ষেত্র ২। একটি ডেভেলপমেন্ট মেশিনের ওয়েব সার্ভারে একটি সাইট হোস্ট করুন, তারপর একটি ইউএসবি কেবলের মাধ্যমে অ্যান্ড্রয়েড ডিভাইস থেকে এর কন্টেন্ট অ্যাক্সেস করুন।
কেস ২- তে, পোর্ট ফরওয়ার্ডিং আপনার অ্যান্ড্রয়েড ডিভাইসের একটি লিসেনিং TCP পোর্টের মাধ্যমে কাজ করে, যা আপনার ডেভেলপমেন্ট মেশিনের একটি TCP পোর্টের সাথে ম্যাপ করা থাকে। পোর্টগুলোর মধ্যে ট্র্যাফিক আপনার অ্যান্ড্রয়েড ডিভাইস এবং ডেভেলপমেন্ট মেশিনের মধ্যকার USB সংযোগের মাধ্যমে চলাচল করে, তাই এই সংযোগটি আপনার নেটওয়ার্ক কনফিগারেশনের উপর নির্ভর করে না।
এছাড়াও, যদি আপনার ওয়েব সার্ভার একটি কাস্টম ডোমেইন ব্যবহার করে, তাহলে আপনি কাস্টম ডোমেইন ম্যাপিং- এর মাধ্যমে আপনার অ্যান্ড্রয়েড ডিভাইসটিকে সেই ডোমেইনের কন্টেন্ট অ্যাক্সেস করার জন্য সেট আপ করতে পারেন।
পোর্ট ফরওয়ার্ডিং সেট আপ করুন
আপনার পরিস্থিতি অনুযায়ী নিম্নলিখিত পদক্ষেপগুলো অনুসরণ করুন।
ক্ষেত্র ১: অন্য একটি ক্রোম ইনস্ট্যান্সে পোর্ট ফরওয়ার্ডিং সেট আপ করুন
--remote-debugging-port= PORTপ্যারামিটার ব্যবহার করে Chrome-এর আরেকটি ইনস্ট্যান্স চালান, উদাহরণস্বরূপ:ম্যাকওএস
open -a "Google Chrome" --args --remote-debugging-port=PORTউইন্ডোজ
start chrome --remote-debugging-port=PORTলিনাক্স
google-chrome --remote-debugging-port=PORTযে Chrome ইনস্ট্যান্সটি দিয়ে আপনি ডিবাগ করছেন:
-
chrome://inspect/#devicesখুলুন। - নিশ্চিত করুন
নেটওয়ার্ক টার্গেটগুলি আবিষ্কার করুন চেক করা আছে। - চেকবক্সের পাশে থাকা কনফিগার বাটনে ক্লিক করুন।
টার্গেট ডিসকভারি সেটিংসে ,
localhost: PORTলিখুন, চেক করুন পোর্ট ফরওয়ার্ডিং সক্রিয় করুন এবং 'সম্পন্ন' বোতামে ক্লিক করুন। 
ডিভাইসে ফিরে গেলে, আপনি একটি নতুন রিমোট টার্গেট দেখতে পাবেন। যে ট্যাবটি ডিবাগ করতে চান, তার পাশে থাকা ইন্সপেক্ট-এ ক্লিক করুন।
-
ডিভাইস মোডে একটি নতুন ডেভটুলস উইন্ডো খোলে। উপরের অ্যাড্রেস বারে, আপনি যে ওয়েবসাইটটি ডিবাগ করতে চান তার অ্যাড্রেসটি লিখতে পারেন।
অ্যাড্রেস বারের পাশে, আপনি ইনপুট পদ্ধতি পরিবর্তন করতে পারবেন।
পদ্ধতি ২: আপনার অ্যান্ড্রয়েড ডিভাইসের জন্য ইউএসবি-র মাধ্যমে পোর্ট ফরওয়ার্ডিং সেট আপ করুন
আপনার ডেভেলপমেন্ট মেশিন এবং অ্যান্ড্রয়েড ডিভাইসের মধ্যে রিমোট ডিবাগিং সেট আপ করুন। কাজ শেষ হলে, আপনি তালিকায় আপনার অ্যান্ড্রয়েড ডিভাইসটি দেখতে পাবেন।
নিশ্চিত করুন
ইউএসবি ডিভাইসগুলি আবিষ্কার করুন বিকল্পটি চেক করা আছে।চেকবক্সের পাশে থাকা পোর্ট ফরওয়ার্ডিং-এ ক্লিক করুন।
পোর্ট ফরওয়ার্ডিং সেটিংসে ,
localhost:8080ডিফল্টরূপে সেট করা থাকে। ‘Enable port forwarding’ চেক করুন।
.আপনি যদি অন্যান্য পোর্ট সেট আপ করতে চান, তাহলে পরবর্তী ধাপগুলো অনুসরণ করুন। অন্যথায়, ধাপগুলো এড়িয়ে যান এবং 'সম্পন্ন' (Done) বোতামে ক্লিক করুন।
বামদিকের পোর্ট টেক্সটফিল্ডে, সেই পোর্ট নম্বরটি লিখুন যেখান থেকে আপনি আপনার অ্যান্ড্রয়েড ডিভাইসে সাইটটি অ্যাক্সেস করতে চান। উদাহরণস্বরূপ, যদি আপনি
localhost:5000থেকে সাইটটি অ্যাক্সেস করতে চান, তাহলে আপনাকে5000লিখতে হবে।ডানদিকের আইপি অ্যাড্রেস এবং পোর্ট টেক্সটফিল্ডে, আপনার ডেভেলপমেন্ট মেশিনের ওয়েব সার্ভারে যে আইপি অ্যাড্রেস বা হোস্টনেমে আপনার সাইটটি চলছে, সেটি এবং তারপরে পোর্ট নম্বরটি লিখুন। উদাহরণস্বরূপ, যদি আপনার সাইটটি
localhost:5000এ চলে, তাহলে আপনাকেlocalhost:5000লিখতে হবে।সম্পন্ন ক্লিক করুন।
পোর্ট ফরওয়ার্ডিং এখন সেট আপ করা হয়েছে। আপনি উপরে এবং ডিভাইসের নামের পাশে পোর্ট ফরওয়ার্ডের স্ট্যাটাস ইন্ডিকেটর দেখতে পাবেন।
কন্টেন্টটি দেখার জন্য, আপনার অ্যান্ড্রয়েড ডিভাইসে ক্রোম খুলুন এবং ডিভাইস পোর্ট ফিল্ডে আপনার নির্দিষ্ট করা localhost পোর্টে যান। উদাহরণস্বরূপ, যদি আপনি ফিল্ডটিতে 5000 লিখে থাকেন, তাহলে আপনাকে localhost:5000 এ যেতে হবে।
কাস্টম স্থানীয় ডোমেনে ম্যাপ করুন
কাস্টম ডোমেইন ম্যাপিং আপনাকে আপনার ডেভেলপমেন্ট মেশিনের একটি ওয়েব সার্ভার থেকে, যা একটি কাস্টম ডোমেইন ব্যবহার করছে, অ্যান্ড্রয়েড ডিভাইসে কন্টেন্ট দেখার সুযোগ দেয়।
উদাহরণস্বরূপ, ধরুন আপনার সাইট একটি থার্ড-পার্টি জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার করে যা শুধুমাত্র allow-listed ডোমেইন chrome.devtools এ কাজ করে। তাই, এই ডোমেইনটিকে localhost সাথে ম্যাপ করার জন্য (যেমন 127.0.0.1 chrome.devtools ) আপনি আপনার ডেভেলপমেন্ট মেশিনের hosts ফাইলে একটি এন্ট্রি তৈরি করেন। কাস্টম ডোমেইন ম্যাপিং এবং পোর্ট ফরওয়ার্ডিং সেট আপ করার পরে, আপনি আপনার অ্যান্ড্রয়েড ডিভাইসে chrome.devtools URL-এ সাইটটি দেখতে পারবেন।
প্রক্সি সার্ভারে পোর্ট ফরওয়ার্ডিং সেট আপ করুন
একটি কাস্টম ডোমেইন ম্যাপ করতে হলে আপনাকে আপনার ডেভেলপমেন্ট মেশিনে একটি প্রক্সি সার্ভার চালাতে হবে। প্রক্সি সার্ভারের উদাহরণ হলো Charles , Squid এবং Fiddler ।
প্রক্সিতে পোর্ট ফরওয়ার্ডিং সেট আপ করতে:
প্রক্সি সার্ভারটি চালু করুন এবং এটি যে পোর্টটি ব্যবহার করছে তা নোট করুন।
আপনার অ্যান্ড্রয়েড ডিভাইসে পোর্ট ফরওয়ার্ডিং সেট আপ করুন। লোকাল অ্যাড্রেস ফিল্ডে,
localhost:লিখে তার পরে আপনার প্রক্সি সার্ভার যে পোর্টে চলছে সেই পোর্টটি লিখুন। উদাহরণস্বরূপ, যদি এটি8000পোর্টে চলে, তাহলে আপনাকেlocalhost:8000লিখতে হবে। ডিভাইস পোর্ট ফিল্ডে সেই নম্বরটি লিখুন যেটিতে আপনি আপনার অ্যান্ড্রয়েড ডিভাইসটিকে লিসেন করাতে চান, যেমন3333।
আপনার ডিভাইসে প্রক্সি সেটিংস কনফিগার করুন।
এরপরে, প্রক্সি সার্ভারের সাথে যোগাযোগ করার জন্য আপনাকে আপনার অ্যান্ড্রয়েড ডিভাইসটি কনফিগার করতে হবে।
- আপনার অ্যান্ড্রয়েড ডিভাইসে সেটিংস > ওয়াই-ফাই -এ যান।
আপনি যে নেটওয়ার্কের সাথে সংযুক্ত আছেন, তার নামের উপর দীর্ঘক্ষণ চাপ দিন।
নেটওয়ার্ক পরিবর্তন করুন -এ ট্যাপ করুন।
উন্নত বিকল্পগুলিতে ট্যাপ করুন। প্রক্সি সেটিংস প্রদর্শিত হবে।
প্রক্সি মেনুতে ট্যাপ করুন এবং ম্যানুয়াল নির্বাচন করুন।
প্রক্সি হোস্টনেম ফিল্ডে
localhostলিখুন।প্রক্সি পোর্ট ফিল্ডে, পূর্ববর্তী বিভাগে ডিভাইস পোর্টের জন্য যে পোর্ট নম্বরটি দিয়েছিলেন, সেটি লিখুন।
সংরক্ষণ করুন -এ ট্যাপ করুন।
এই সেটিংসের মাধ্যমে, আপনার ডিভাইস তার সমস্ত অনুরোধ আপনার ডেভেলপমেন্ট মেশিনের প্রক্সিতে পাঠিয়ে দেয়। প্রক্সিটি আপনার ডিভাইসের পক্ষ থেকে অনুরোধগুলো করে, ফলে আপনার কাস্টমাইজ করা লোকাল ডোমেইনের অনুরোধগুলো সঠিকভাবে সমাধান করা হয়।
এখন আপনি আপনার অ্যান্ড্রয়েড ডিভাইসে কাস্টম ডোমেইনগুলো ঠিক সেভাবেই অ্যাক্সেস করতে পারবেন, যেভাবে আপনি ডেভেলপমেন্ট মেশিনে করে থাকেন।
যদি আপনার ওয়েব সার্ভার কোনো নন-স্ট্যান্ডার্ড পোর্টে চলে, তাহলে আপনার অ্যান্ড্রয়েড ডিভাইস থেকে কন্টেন্টের জন্য অনুরোধ করার সময় পোর্টটি উল্লেখ করতে মনে রাখবেন। উদাহরণস্বরূপ, যদি আপনার ওয়েব সার্ভার 7331 পোর্টে chrome.devtools কাস্টম ডোমেইন ব্যবহার করে, তাহলে আপনার অ্যান্ড্রয়েড ডিভাইস থেকে সাইটটি দেখার সময় আপনার chrome.devtools:7331 ইউআরএলটি ব্যবহার করা উচিত।