লোকাল ডেভেলপমেন্ট · বাস্তব পরীক্ষা

localhost শেয়ার করুন: ফোনে দেখুন, Webhook পরীক্ষা করুন

ওয়েবসাইট আপনার কম্পিউটারে চলছে। অস্থায়ী HTTPS লিংক দিয়ে ফোন, গ্রাহক বা Webhook সেবাকে সেখানে প্রবেশ করতে দিন। ডিপ্লয় করার প্রয়োজন নেই।

শেয়ারের আগে লোকাল ঠিকানা পরীক্ষা করুন

ডেভেলপমেন্ট সার্ভারের দেখানো URL দেখুন। প্রোটোকল ও পোর্ট গুরুত্বপূর্ণ: http://localhost:5173 ও https://localhost:7143 আলাদা গন্তব্য। টানেল বানানোর আগে কম্পিউটারে ঠিক সেই ঠিকানা খুলে একটি সাধারণ কাজ সম্পন্ন করুন।

একটি অ্যাপ, একটি পোর্ট

পাতা ও API একই লোকাল ঠিকানা ব্যবহার করলে একটি টানেল দুটিতেই পৌঁছায়। পথ অপরিবর্তিত থাকে: পাবলিক /contact অনুরোধ লোকাল অ্যাপের /contact-এ যায়। টানেল আপনার ফাইল কপি বা ডিপ্লয় করে না।

ফ্রন্টএন্ড ও API আলাদা পোর্টে

ফ্রন্টএন্ডের টানেল অন্য পোর্টের API স্বয়ংক্রিয়ভাবে প্রকাশ করে না। ব্রাউজার localhost:3000 ডাকলে দর্শকের নিজের যন্ত্রে পৌঁছায়। ডেভেলপমেন্ট সার্ভারের API প্রক্সি বা API-এর প্রবেশযোগ্য পরীক্ষার URL ব্যবহার করে ফ্রন্টএন্ড সামঞ্জস্য করুন।

পাবলিক লিংক তৈরি করুন

সাইট বা API চালু করে লোকাল ঠিকানায় খুলছে কি না দেখুন। GhostlyShare চলমান লোকাল ওয়েব অ্যাপ স্বয়ংক্রিয়ভাবে শনাক্ত করে। পাবলিক HTTPS লিংক তৈরি করতে Go Public চাপুন।

  1. পরীক্ষার সময় অ্যাপ ও GhostlyShare চালু রাখুন।
  2. শেয়ার করার আগে ব্যক্তিগত ব্রাউজিং উইন্ডোতে লিংক খুলুন।
  3. পরীক্ষার ডেটা ব্যবহার করুন। গ্রাহকের ব্যক্তিগত প্রিভিউতে প্রয়োজনে পাসওয়ার্ড দিন।

Windows ও Linux। অ্যাকাউন্ট, ইমেইল বা সাবস্ক্রিপশন ছাড়াই বিনামূল্যে অস্থায়ী লিংক।

GhostlyShare ডাউনলোড করুন ↗

GhostlyShare-এর সব সুবিধা দেখুন →

পাবলিক প্রিভিউ ও শেয়ার করার নিয়ন্ত্রণসহ GhostlyShare

পাবলিক ঠিকানা কম্পিউটার ও অন্য যন্ত্রে খুলুন। লোকাল পাতা চলে কিন্তু পাবলিক পাতা না চললে দুই URL তুলনা করুন। এতে অ্যাপের সমস্যা থেকে টানেল বা হোস্ট সেটিংসের সমস্যা আলাদা করা যায়।

ফোনে localhost খুলুন

ফোনে localhost বলতে ফোনটিকেই বোঝায়, আপনার কম্পিউটারকে নয়। পাবলিক লিংক খুলুন বা GhostlyShare-এর QR কোড স্ক্যান করুন।

  1. নিজের Wi-Fi-এর বাইরে প্রবেশ পরীক্ষা করতে মোবাইল ডেটায় যান।
  2. আসল যন্ত্রে মেনু, ফর্ম, কিবোর্ড ও ফাইল আপলোড পরীক্ষা করুন।
  3. ভেতরের একটি পাতা সরাসরি খুলে আবার লোড করুন। ছবি ও API-এর উত্তরও দেখুন।

শুধু একই Wi-Fi-এ পরীক্ষা করছেন? ডেভেলপমেন্ট সার্ভার ও ফায়ারওয়াল অনুমতি দিলে কম্পিউটারের লোকাল নেটওয়ার্ক ঠিকানাই যথেষ্ট হতে পারে। অন্য নেটওয়ার্ক ও বাইরের সেবার জন্য পাবলিক টানেল কাজে লাগে।

ফোনে প্রিভিউ খোলার জন্য GhostlyShare-এর QR কোড

ফোনে পাঁচ মিনিটের কার্যকর পরীক্ষা

নেভিগেশন ও বিন্যাস
মেনু খুলুন, ফোন ঘোরান ও লম্বা পাতা দেখুন। পাশের দিকে স্ক্রল, ঢাকা বোতাম এবং স্থির হেডারের পেছনে লুকানো অংশ খুঁজুন। ব্রাউজার এমুলেশন কাজে লাগে, তবে আসল যন্ত্রের সব আচরণ দেখায় না।
ফর্ম ও সেশন
প্রতিটি ঘরে চাপ দিয়ে আগে ভুল, পরে সঠিক মান পাঠান। ত্রুটির বার্তা কিবোর্ডের ওপরে দেখা যাচ্ছে কি না দেখুন। লগইন শুধু কম্পিউটারে চললে নতুন সেশন চেষ্টা করুন এবং কলব্যাক ও কুকি সেটিংস দেখুন।
অনুরোধ ও লোডিং
বেশি ছবির পাতা এবং ডেটা লোড করে এমন কাজ পরীক্ষা করুন। বাড়ির সংযোগে ধীর উত্তর প্রোডাকশনের গতি মাপে না। লোকালভাবে সমস্যা আবার ঘটাতে পাতা, যন্ত্র ও কাজ লিখে রাখুন।

গ্রাহককে আপনার কাজ দেখান

পর্যালোচনার জন্য নির্দিষ্ট পাতাটি পাঠান। কী পরীক্ষা করতে হবে এবং কখন প্রিভিউ বন্ধ হবে জানিয়ে দিন।

পাঠানোর আগে

পরীক্ষামূলক অ্যাকাউন্ট ও নমুনা কনটেন্ট ব্যবহার করুন। নিজের কুকি বা লগইন সেশন ছাড়াও লিংক কাজ করছে কি না দেখুন।

নির্দিষ্ট পরীক্ষা করতে বলুন

যোগাযোগের ফর্ম পূরণ, মোবাইল মেনু দেখা বা পরীক্ষামূলক পেমেন্টে কেনাকাটা করা: স্পষ্ট কাজ দিলে ভালো মতামত পাওয়া যায়।

আজকের পর্যালোচনার প্রিভিউ এখানে। মোবাইল মেনু ও যোগাযোগের ফর্ম দেখুন। আমাদের কলের পর লিংক বন্ধ হবে।

সমস্যা আবার ঘটানো যায় এমন মতামত নিন

পাতার URL, যন্ত্র, ব্রাউজার এবং সমস্যার আগের শেষ কাজ জানতে চান। ছবির সঙ্গে “X আশা করেছিলাম, কিন্তু Y হয়েছে” বলা “পাতা নষ্ট” বলার চেয়ে উপকারী। পর্যালোচনার সময় অ্যাপ বদলালে জানান; সেটিংস অনুযায়ী দর্শক সঙ্গে সঙ্গে পরিবর্তন বা রিলোড দেখতে পারেন।

লোকালভাবে Webhook গ্রহণ করুন

Webhook সেবা আপনার কম্পিউটারের localhost-এ পৌঁছাতে পারে না। কলব্যাক পথসহ টানেলের পাবলিক ঠিকানা দিন। উদাহরণে ধরা হয়েছে, অ্যাপ ইতিমধ্যে /api/webhooks/demo-তে POST অনুরোধ সামলায়।

http://localhost:5173/api/webhooks/demohttps://YOUR-TUNNEL.trycloudflare.com/api/webhooks/demo
  1. YOUR-TUNNEL-এর জায়গায় প্রকৃত হোস্টনাম বসিয়ে সেবার পরীক্ষার সেটিংসে সম্পূর্ণ কলব্যাক URL দিন।
  2. স্বাক্ষর যাচাই চালু রাখুন। Webhook-এর সিক্রেট লোকালভাবে রাখুন এবং সেবা থেকে পরীক্ষামূলক ইভেন্ট পাঠান।
  3. ডেলিভারির অবস্থা ও লোকাল লগ দেখুন। সেবার প্রত্যাশিত সফল উত্তর দিন এবং পুনরায় পাঠালে একই কাজ দুবার করবেন না।

ব্রাউজারের পাসওয়ার্ড পর্দা Webhook প্রেরককে আটকে দিতে পারে। সেবা পৌঁছাতে পারে এমন এন্ডপয়েন্ট ব্যবহার করুন এবং স্বাক্ষরিত অনুরোধ যাচাই করুন। CORS ব্রাউজারের অনুরোধের জন্য, সার্ভারের মধ্যে Webhook ডেলিভারির জন্য নয়।

উদাহরণ: GitHub Webhook-এর স্বাক্ষর যাচাই ↗

শুধু ব্রাউজার নয়, Webhook-এর উত্তর দেখুন

ব্রাউজারে কলব্যাক URL খুললে সাধারণত GET যায়। অনেক Webhook এন্ডপয়েন্ট POST চায়, তাই ব্রাউজারের ত্রুটি ডেলিভারি ব্যর্থতার প্রমাণ নয়। পরীক্ষামূলক ইভেন্ট পাঠিয়ে সময় ও ডেলিভারি ID লোকাল লগের সঙ্গে মিলিয়ে দেখুন।

404 / 405
পথ ও HTTP পদ্ধতি দেখুন। API-এর পোর্ট ব্যবহার করুন, সব সময় ফ্রন্টএন্ডেরটি নয়। হোমপেজ খুললেই কলব্যাক এন্ডপয়েন্ট আছে এমন নয়।
401 / 403
অনুরোধ কোথায় আটকাল দেখুন: প্রিভিউ পাসওয়ার্ড, অ্যাপের পরিচয় যাচাই না স্বাক্ষর পরীক্ষা। স্বাক্ষরিত ডেটার মূল অনুরোধ বডি নিয়ে সেবার নিয়ম মানুন; যাচাইয়ের আগে পার্স করে নতুন করে লিখলে স্বাক্ষর অকার্যকর হতে পারে।
5xx / Timeout
অ্যাপ চলছে এবং অনুরোধ পেয়েছে কি না দেখুন। দীর্ঘ প্রক্রিয়ায় সেবার উত্তর দেওয়ার সময়সীমা মানুন এবং উপযুক্ত হলে পেছনে কাজ চালান। পুনরায় ডেলিভারি পরীক্ষা করুন, যাতে অর্ডার বা বার্তা দুবার তৈরি না হয়।

সেবার পরীক্ষার মোড ব্যবহার করুন এবং লগে সিক্রেট বা সম্পূর্ণ ব্যক্তিগত ডেটা রাখবেন না। সফল পরীক্ষা ডেলিভারি ও অ্যাপের প্রক্রিয়া যাচাই করে; সেবার একীভূতকরণের শর্তের বিকল্প নয়।

লিংক খুলছে, কিন্তু কিছু কাজ করছে না?

পাবলিক লিংক অ্যাপে পৌঁছাচ্ছে না

আগে লোকাল URL খুলুন। পোর্ট, HTTP না HTTPS এবং অ্যাপ ও টানেল চলছে কি না দেখুন।

ছবি বা API কল ব্যর্থ হচ্ছে

কোডে স্থায়ীভাবে লেখা localhost ঠিকানা খুঁজুন। সম্ভব হলে আপেক্ষিক পথ ব্যবহার করুন। অন্য পোর্টের API-এর নিজস্ব প্রবেশযোগ্য পথ দরকার।

অ্যাপ localhost-এ পাঠিয়ে দিচ্ছে

পাবলিক মূল URL, বিশ্বস্ত প্রক্সি ও লগইন কলব্যাক দেখুন। সব হোস্ট পরীক্ষা বন্ধ না করে প্রকৃত প্রিভিউ হোস্টকে অনুমতি দিন।

লাইভ রিলোড বা WebSockets কাজ করছে না

WebSockets পাবলিক হোস্ট এবং HTTPS পাতায় wss ব্যবহার করছে কি না দেখুন। কিছু ডেভেলপমেন্ট সার্ভারে HMR হোস্ট আলাদা করে সেট করতে হয়।

Webhook সফল উত্তর পাচ্ছে না

কলব্যাক পথ, HTTP পদ্ধতি, স্বাক্ষরের সিক্রেট ও ডেলিভারি লগ দেখুন। নতুন অস্থায়ী টানেল চালালে কলব্যাক URL বদলান।

পরীক্ষা শেষ করে শেয়ার বন্ধ করুন

GhostlyShare-এ শেয়ার বন্ধ করুন বা টার্মিনালে Ctrl+C দিয়ে টানেল থামান। মেয়াদ ঠিক করলে নির্ধারিত প্রিভিউ স্বয়ংক্রিয়ভাবে শেষ হতে পারে। পরে সেবা থেকে অস্থায়ী কলব্যাক URL-ও সরান।

নিয়মিত ব্যবহারের জন্য স্থায়ী ঠিকানা দরকার?

অস্থায়ী প্রিভিউ ডিপ্লয়মেন্ট নয়। ঘরে হোস্ট করার গাইডে নামযুক্ত টানেল, ডোমেইন, Windows সেবা ও পরিচালনার খরচ ব্যাখ্যা করা হয়েছে।

স্থায়ী Cloudflare Tunnel সেট করুন →

লোকাল প্রিভিউ নিয়ে প্রশ্ন

প্রশ্নোত্তর

ফোনে localhost কাজ করে না কেন?

Localhost বোঝায় যে যন্ত্রে ঠিকানা খোলা হচ্ছে। ফোন থেকে কম্পিউটারের অ্যাপে যেতে পাবলিক প্রিভিউ লিংক ব্যবহার করুন।

কম্পিউটার কি চালু রাখতে হবে?

হ্যাঁ। কম্পিউটার, লোকাল অ্যাপ ও টানেল চলতে হবে। স্লিপ মোড বা টানেল বন্ধ করলে প্রিভিউ আর পাওয়া যায় না।

প্রিভিউয়ের জন্য ডোমেইন দরকার?

না। অস্থায়ী টানেল পাবলিক HTTPS ঠিকানা দেয়। ঠিকানা বদলালে শেয়ার করা লিংক ও Webhook সেটিংস হালনাগাদ করুন।