मैं सेवा कर्मियों का परीक्षण करना चाहता हूं, लेकिन मेरे पास एक वर्चुअल होस्ट सेटअप है और मैं स्थानीयहोस्ट पर https सक्षम करने में सक्षम नहीं हो सकता।
जब भी मैं कोशिश करता हूं और स्थानीय कार्यकर्ता पर सेवा कार्यकर्ता के लिए पंजीकरण करता हूं, तो मैं अपने स्थानीय वर्चुअल होस्ट यूआरएल को कैसे श्वेत सूची में प्रदर्शित कर सकता हूं? Chrome का कहना है कि सेवा कार्यकर्ता को सक्षम करने के लिए https आवश्यक है। मैं कम से कम स्थानीय परीक्षण के लिए इस प्रतिबंध को कैसे पा सकता हूं।
जवाबों:
सामान्य तौर पर, आपको सेवाकर्मियों का उपयोग करने के लिए HTTPS के माध्यम से अपने पेज और सेवा कार्यकर्ता स्क्रिप्ट दोनों की सेवा करने की आवश्यकता होती है। औचित्य का वर्णन पावरफुल नए फीचर्स के लिए Prefer Secure Origins में किया गया है ।
स्थानीय विकास को सुविधाजनक बनाने के लिए HTTPS आवश्यकता का अपवाद है: यदि आप अपने पेज और सेवा कार्यकर्ता स्क्रिप्ट को http://localhost[:port]या http://127.x.y.z[:port]उसके माध्यम से एक्सेस करते हैं , तो सेवा कार्यकर्ताओं को बिना किसी और कार्रवाई के सक्षम होना चाहिए।
क्रोम के हाल के संस्करणों में, आप इस आवश्यकता के आसपास स्थानीय विकास को कम कर सकते हैं chrome://flags/#unsafely-treat-insecure-origin-as-secure, जैसा कि इस उत्तर में बताया गया है ।
फ़ायरफ़ॉक्स सेटिंग के माध्यम से समान कार्यक्षमता प्रदान करता हैdevtools.serviceWorkers.testing.enabled ।
कृपया ध्यान दें कि यह कार्यक्षमता केवल परीक्षण को सुविधाजनक बनाने के लिए है जो अन्यथा जगह लेने में सक्षम नहीं होगी, और आपको अपनी साइट के उत्पादन संस्करण की सेवा करते समय हमेशा HTTPS का उपयोग करने की योजना बनानी चाहिए। वास्तविक उपयोगकर्ताओं को उन झंडे को सक्षम करने के चरणों से गुजरने के लिए न कहें!
devtools.serviceWorkers.testing.enabled।
यदि आप एक प्रगतिशील वेब ऐप के वास्तविक व्यवहार परीक्षण के लिए प्लग-इन मोबाइल डिवाइस के सेवा कार्यकर्ता को डिबग करना चाहते हैं , तो ssl chrome start विकल्प मदद नहीं करते हैं और आपको निश्चित रूप से प्रमाणपत्र खरीदने की आवश्यकता नहीं है।
@ क्रिस-रिस्पेल ने प्रॉक्सी सॉफ्टवेयर स्थापित करने का उल्लेख किया है, लेकिन वास्तव में पोर्ट अग्रेषण का उपयोग करने का एक आसान तरीका है :
यह मानते हुए कि आप Chrome का उपयोग करके अपने डिवाइस को कनेक्ट और डीबग करते हैं:
आपके द्वारा ऐसा करने के बाद, आप अपने मोबाइल डिवाइस पर URL " http: // localhost: 8080 " को कॉल कर सकते हैं और इसका उत्तर आपके स्थानीय पीसी / टेस्ट सर्वर पर "लोकलहोस्ट: 80" द्वारा दिया जाएगा । पूरी तरह से सेवाकर्मियों के साथ काम करता है जैसे कि यह आपके मोबाइल पर चलने वाली स्थानीय मशीन हो।
जब तक आप अपने मोबाइल डिवाइस पर अनपेक्षित पोर्ट का उपयोग करना याद रखते हैं, तब तक कई पोर्ट फ़ॉरवर्डिंग और विभिन्न लक्ष्य डोमेन के लिए भी काम करता है। स्क्रीनशॉट देखें:
इस जानकारी का स्रोत Google दूरस्थ उपकरणों का दस्तावेज़ीकरण है: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server (लेकिन अप्रैल 2017 के अनुसार इसे पढ़ने के लिए बहुत स्पष्ट नहीं है इसका सरल उत्तर)
मैं अक्सर एक वास्तविक डिवाइस पर डिबग और परीक्षण करना चाहता हूं। स्थानीय विकास के दौरान चार्ल्स प्रोक्सी के माध्यम से फोन के नेटवर्क ट्रैफ़िक को रूट करना शामिल करने के लिए एक विधि जो मैंने आई है । सभी क्रोम-विशिष्ट समाधानों के विपरीत, यह आपके फोन पर किसी भी ब्राउज़र के साथ काम करता है।
localhostअपने मोबाइल डिवाइस पर अब सेवा कार्यकर्ता पंजीकृत है और परीक्षण किया जा सकता है।मेरे मामले में pwa का परीक्षण करने का सबसे आसान तरीका, ngrok का उपयोग करना था। https://ngrok.com/download लॉग इन करें, उर टोकन प्राप्त करें और इसे सेट करें!
जब आप चलाते हैं, ./ngrok http {your server port}तो सुनिश्चित करें कि आप https का उपयोग करते हैं, जो ऊपर दिए गए इस कमांड को चलाने के बाद आपको टर्मिनल में दिखाया जाएगा।
आप इस्तेमाल कर सकते हैं https://surge.sh भी, यह मेजबान के लिए एक स्थिर वेबपेज है, यदि आप में यहां जाएं https://surge.sh/help/securing-your-custom-domain-with-ssl में सक्षम हो जाएगा ssl प्रमाणपत्र सेट करने का तरीका देखें
जैसा कि जेफ ने पहली प्रतिक्रिया में उल्लेख किया है, आपको सर्विस वर्कर्स का परीक्षण करने के लिए स्थानीय स्तर पर https की आवश्यकता नहीं है। जब तक आप HTTPS के बिना सेवा कार्यकर्ता पंजीकरण और स्थानीयहोस्टेन डोमेन तक पहुँचते हैं, तब तक ठीक काम करेंगे।
एक बार जब आप अपने आवेदन को लोकलहोस्ट पर परीक्षण कर लेते हैं और आप यह देखना चाहते हैं कि यह असली के लिए https के साथ कैसे काम करता है, तो सबसे आसान तरीका यह होगा कि आप अपने ऐप को GitHub पर अपलोड करें। आप मुफ्त (और HTTPS के साथ!) के लिए एक सार्वजनिक डोमेन बना सकते हैं।
यहाँ निर्देश हैं: https://pages.github.com/
यदि आप किसी ऐसे ग्राहक डिवाइस पर सेवा श्रमिकों का परीक्षण करना चाहते हैं, जो लोकलहोस्ट पर वेब सर्वर नहीं चला सकता है, तो सामान्य तकनीक इस प्रकार है:
लेकिन यह कहा की तुलना में आसान है। नवंबर 2016 में Reddit पर एएमए, एक लेट्स एनक्रिप्ट के प्रतिनिधि ने स्वीकार किया कि एचटीटीपीएस एक निजी लैन पर "वास्तव में एक कठिन सवाल है, और मुझे लगता है कि अब तक कोई भी संतोषजनक जवाब नहीं आया है।"
आपके कंप्यूटर को होस्टनाम देने के सामान्य तरीके जिसमें इसे एक स्थिर आंतरिक आईपी पता देना शामिल है, न कि वह जो हर दिन बदलता है या हर बार जब आप अपने इंटरनेट गेटवे उपकरण को पावर-साइकिल करते हैं। आपको अपने नेटवर्क पर डीएचसीपी सर्वर को कॉन्फ़िगर करने की आवश्यकता होगी, आमतौर पर आपके गेटवे में, एक "आरक्षण" स्थापित करने के लिए जो आपके विकास कार्य केंद्र के ईथरनेट कार्ड के मैक पते के साथ एक विशेष निजी पते (सामान्य रूप से 10/8या भीतर 192.168/16) को जोड़ता है । इसके लिए अपने गेटवे का मैनुअल पढ़ें।
अब जब आपके विकास कार्य केंद्र में एक स्थिर IP पता है, तो एक समय / मनी ट्रेडऑफ़ है। यदि आप उन्नत DNS और OpenSSL उपयोग सीखने और सभी उपकरणों पर एक रूट प्रमाणपत्र स्थापित करने के लिए तैयार हैं, जिसके साथ आप परीक्षण करना चाहते हैं:
यदि आप रूट प्रमाणपत्र नहीं जोड़ सकते हैं या स्थानीय DNS को नियंत्रित कर सकते हैं, जैसे कि यदि आप दूसरों के स्वामित्व वाले उपकरणों (BYOD) या अधिक लॉक-डाउन ब्राउज़रों के साथ परीक्षण करने की योजना बनाते हैं जो उपयोगकर्ताओं को विश्वसनीय रूट प्रमाणपत्र जोड़ने की अनुमति नहीं देते हैं, जैसे कि प्रमुख वीडियो गेम कंसोल, आपको पूरी तरह से योग्य डोमेन नाम (FQDN) की आवश्यकता होगी:
Aअपने विकास कार्य केंद्र के निजी आईपी पते पर एक रिकॉर्ड इंगित करें। यह आपके विकास कार्य केंद्र को एक FQDN देता है।dns-01 एनक्रिप्टेड अथॉरिटी से इस एफक्यूडीएन के लिए एक प्रमाण पत्र प्राप्त करने के लिए चुनौती का समर्थन करने वाले एक एसीएमई ग्राहक, निर्जलित का उपयोग करें ।मुझे लगता है कि सेवा कार्यकर्ता का परीक्षण करने का सबसे आसान तरीका एक मुफ्त होस्टिंग प्रदाता है। आजकल, कई साइटें हैं जो मुफ्त होस्टिंग प्रदान करती हैं। आप इस फ्री सर्वर पर अपने ऐप को आसानी से होस्ट कर सकते हैं।
मैं ज्यादातर हरोकू और नेटलाइज़ का उपयोग करता हूं । यह मुफ्त और उपयोग में आसान है।