लोकल डेवलपमेंट · असली उपकरण पर जाँच

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 URL ढूँढें। जहाँ संभव हो सापेक्ष पाथ इस्तेमाल करें। दूसरे पोर्ट के API को अपना पहुँच योग्य रास्ता चाहिए।

ऐप localhost पर भेज देती है

सार्वजनिक बेस URL, भरोसेमंद प्रॉक्सी और लॉगिन कॉलबैक जाँचें। सभी होस्ट जाँच बंद करने के बजाय असली प्रीव्यू होस्ट को अनुमति दें।

लाइव रीलोड या WebSockets नहीं चलते

देखें कि WebSockets सार्वजनिक होस्ट और HTTPS पेज पर wss इस्तेमाल करते हैं। कुछ डेवलपमेंट सर्वर में HMR होस्ट अलग से सेट करना पड़ता है।

Webhook को सफलता का उत्तर नहीं मिलता

कॉलबैक पाथ, HTTP विधि, हस्ताक्षर सीक्रेट और डिलीवरी लॉग जाँचें। नया अस्थायी टनल शुरू करने पर कॉलबैक URL बदलें।

जाँच पूरी करें और साझा करना रोकें

GhostlyShare में साझा करना बंद करें या टर्मिनल में Ctrl+C से टनल रोकें। समाप्ति समय तय करने से प्रीव्यू अपने आप बंद हो सकता है। बाद में सेवा से अस्थायी कॉलबैक URL भी हटा दें।

लगातार इस्तेमाल के लिए स्थायी पता चाहिए?

अस्थायी प्रीव्यू डिप्लॉयमेंट नहीं है। घर से होस्टिंग की हमारी गाइड नाम वाले टनल, डोमेन, Windows सेवाएँ और संचालन खर्च समझाती है।

स्थायी Cloudflare Tunnel सेट करें →

लोकल प्रीव्यू से जुड़े सवाल

सामान्य प्रश्न

फ़ोन पर localhost क्यों नहीं चलता?

Localhost उस उपकरण को दर्शाता है जिस पर पता खोला जाता है। कंप्यूटर की ऐप तक फ़ोन से पहुँचने के लिए सार्वजनिक प्रीव्यू लिंक इस्तेमाल करें।

क्या कंप्यूटर चालू रखना होगा?

हाँ। कंप्यूटर, लोकल ऐप और टनल चलते रहने चाहिए। स्लीप मोड या टनल बंद होने पर प्रीव्यू उपलब्ध नहीं रहता।

क्या प्रीव्यू के लिए डोमेन चाहिए?

नहीं। अस्थायी टनल सार्वजनिक HTTPS पता देता है। पता बदलने पर साझा लिंक और Webhook सेटिंग अपडेट करें।