प्रोग्रेसिव वेब ऐप्स क्या हैं और मैं इसे कैसे इंस्टॉल करूं?

ऐप्स आपके फोन पर हावी हैं। लंबे समय तक, ऐप्स ने आपके डेस्कटॉप या ब्राउज़र को उसी तरह प्रभावित नहीं किया। यह हाल के वर्षों में बदल गया है। प्रोग्रेसिव वेब ऐप्स (PWA) का कद बढ़ रहा है और सभी तरह की वेबसाइटों के साथ हमारे इंटरैक्शन को बदल रहा है।

लेकिन वास्तव में एक प्रगतिशील वेब ऐप क्या है? एक PWA क्या करता है जो एक वेबसाइट नहीं करती है? यहां आपको प्रोग्रेसिव वेब ऐप्स के बारे में जानने की जरूरत है।

एक प्रगतिशील वेब ऐप क्या है?

प्रोग्रेसिव वेब ऐप्स ऐसे वेब एप्लिकेशन हैं जो उपयोगकर्ताओं को एक नियमित साइट प्रदान करते हैं लेकिन एक मूल मोबाइल ऐप के रूप में दिखाई देते हैं। PWA दोनों विकास क्षेत्रों में प्रगति का पूरा लाभ उठाते हुए, एक देशी मोबाइल ऐप की उपयोगिता को आधुनिक ब्राउज़र सुविधा सेट में लाने का प्रयास करते हैं।

तब PWA क्या परिभाषित करता है?

सार्वभौमिक : एक PWA को प्रत्येक उपयोगकर्ता के लिए, उनके ब्राउज़र की परवाह किए बिना, निर्बाध रूप से (अच्छी तरह से, लगभग) काम करना चाहिए।
उत्तरदायी : PWA को आपके लैपटॉप, टैबलेट, स्मार्टफोन आदि जैसे किसी भी उपकरण के साथ काम करना चाहिए।
डिज़ाइन : डिज़ाइन को देशी मोबाइल ऐप्स की नकल करनी चाहिए, जिसका अर्थ है सुव्यवस्थित, खोजने में आसान मेनू, उन्नत सुविधाओं के लिए सरल अन्तरक्रियाशीलता के साथ।
सुरक्षित : PWA को उपयोगकर्ता डेटा को सुरक्षित रखने के लिए HTTPS का उपयोग करना चाहिए।
खोजने योग्य: उपयोगकर्ता पीडब्लूए ढूंढ सकते हैं, और वे एक एप्लिकेशन ('साइट' के बजाय) के रूप में आसानी से पहचाने जा सकते हैं।
सगाई: PWA के पास पुश नोटिफिकेशन जैसी मूल सहभागिता सुविधाओं तक पहुंच होनी चाहिए।
अपडेट: PWA अप टू डेट रहते हैं, किसी सेवा या साइट के नवीनतम संस्करणों की सेवा करते हैं।
स्थापना: उपयोगकर्ताओं को ऐप स्टोर की आवश्यकता के बिना आसानी से अपनी होम स्क्रीन पर PWA को 'इंस्टॉल' करने की अनुमति दें।
साझा करना: PWA को बिना किसी संस्थापन के साझा करने के लिए केवल एक URL की आवश्यकता होती है।

जैसा कि आप देख सकते हैं, PWA का उद्देश्य उपयोगकर्ताओं को एक देशी ऐप की सुव्यवस्थित सुविधाओं और इंटरफ़ेस डिज़ाइन के साथ एक पूर्ण वेबसाइट अनुभव प्रदान करना है।

एक प्रगतिशील वेब ऐप कैसे काम करता है?

प्रगतिशील वेब ऐप्स की कुंजी ब्राउज़र सेवा कार्यकर्ता हैं।

एक सेवा कार्यकर्ता एक स्क्रिप्ट है जो आपके ब्राउज़र की पृष्ठभूमि में चलती है, 'वेब पेज से अलग, उन सुविधाओं के लिए द्वार खोलती है जिन्हें वेब पेज या उपयोगकर्ता इंटरैक्शन की आवश्यकता नहीं होती है।' आप जैसे सेवा कर्मियों का उपयोग कर सकते हैं पुश नोटिफिकेशन और बैकग्राउंड सिंक फिलहाल, लेकिन तत्काल PWA भविष्य इन लिपियों को अधिक शक्ति देता है।

जैसे, सेवा कार्यकर्ता लगभग तात्कालिक परिणामों के लिए वेब कैश का उपयोग करते हुए, PWA मानक की नींव बनाते हैं।

सर्विस वर्कर्स से पहले, गो-टू ब्राउजर कैशे स्क्रिप्ट एप्लिकेशन कैश (या ऐप कैश) थी। ऐप कैश ऑफ़लाइन-प्रथम सेवाओं की एक विस्तृत श्रृंखला में है, लेकिन कुछ हद तक त्रुटि-प्रवण था। इसके अलावा, ऐप कैश की कई प्रसिद्ध सीमाएं हैं, जैसे एक सूची के अलावा बताते हैं।

लेकिन डेवलपर्स के लिए मुख्य समस्या AppCache कैसे काम करती है, इसके साथ सीधे संपर्क की कमी है, डेवलपर्स को समस्याओं को ठीक से ठीक करने से रोकता है। बदले में, पूर्ण ऑफ़लाइन कार्यक्षमता वाली वेबसाइटें और सेवाएं एक जोखिम भरा विकल्प थीं।

सेवा कार्यकर्ता, हालांकि, केवल तब तक चलते हैं जब तक उनकी कार्रवाई की आवश्यकता होती है। PWA में, जब आप किसी चीज़ पर क्लिक करते हैं या किसी सुविधा का उपयोग करते हैं, तो एक सेवा कार्यकर्ता हरकत में आ जाता है। सेवा कार्यकर्ता (याद रखें, यह एक स्क्रिप्ट है) ईवेंट को संसाधित करता है, यह तय करते हुए कि ऑफ़लाइन कैश अनुरोध को पूरा कर सकता है या नहीं। विचार यह है कि पीडब्ल्यूए के लिए चुनने के लिए कई ऑफ़लाइन कैश हैं, जो ऑफ़लाइन कार्यक्षमता की एक विस्तृत श्रृंखला प्रदान करते हैं।

इसके अलावा, कैश केवल ऑफ़लाइन गति बढ़ाने के लिए नहीं है। उदाहरण के लिए, आप किसी PWA में जाते हैं, लेकिन आपका कनेक्शन बेहद खराब है। सेवा कार्यकर्ता आपके अनुभव को बाधित किए बिना, पूरी तरह से काम कर रहे पिछले कैश की सेवा करता है।

प्रगतिशील वेब ऐप ब्राउज़र समर्थन

प्रगतिशील वेब ऐप का उपयोग करने के लिए दो आवश्यकताएं हैं: एक संगत ब्राउज़र और एक पीडब्ल्यूए-सक्षम सेवा।

सबसे पहले, आइए ब्राउज़रों को देखें। PWA ब्राउज़र समर्थन की जाँच करने के लिए आपके पास दो विकल्प हैं। पहला है जेक आर्चीबाल्ड का क्या सेवा कार्यकर्ता तैयार है ? जो प्रमुख ब्राउज़रों के साथ-साथ सैमसंग इंटरनेट की पीडब्लूए-तैयार स्थिति को आसानी से प्रदर्शित करता है।

PWA ब्राउज़र समर्थन के अधिक विस्तृत अवलोकन के लिए, आपको देखना चाहिए क्या में उपयोग कर सकता हूँ , एक वेबसाइट जो ब्राउज़र संस्करण द्वारा विभिन्न वेब और ब्राउज़र प्रौद्योगिकी के कार्यान्वयन को सूचीबद्ध करने में माहिर है। उदाहरण के लिए, यदि आप सर्च बार में 'सर्विस वर्कर्स' इनपुट करते हैं, तो आपको वर्जन नंबर प्रदर्शित करने वाली एक टेबल मिलती है जिसके साथ प्रत्येक ब्राउज़र ने PWA सर्विस वर्कर्स को लागू किया।

क्या मैं सेवा कार्यकर्ता तालिका का उपयोग कर सकता हूं यह पुष्टि करता है कि प्रमुख ब्राउज़र सभी पीडब्लूए का समर्थन करते हैं। यह कई वैकल्पिक डेस्कटॉप ब्राउज़र और मोबाइल ब्राउज़र के लिए PWA समर्थन को भी दिखाता है।

इसे थोड़ा और तोड़ना:

डेस्कटॉप ब्राउज़र (पूर्ण समर्थन): क्रोम, फायरफॉक्स, ओपेरा, एज, सफारी
डेस्कटॉप ब्राउज़र (आंशिक समर्थन/पुराना संस्करण): QQ ब्राउज़र, Baidu ब्राउज़र
मोबाइल ब्राउज़र (पूर्ण समर्थन): क्रोम, फायरफॉक्स, सफारी, यूसी ब्राउजर, सैमसंग इंटरनेट, मिंट ब्राउजर, वीचैट
मोबाइल ब्राउज़र (आंशिक समर्थन/पुराना संस्करण): QQ ब्राउज़र, Android ब्राउज़र, ओपेरा मोबाइल

तो, प्रमुख ब्राउज़र सभी PWA का समर्थन करते हैं। Microsoft Edge और Safari पूर्ण समर्थन सूची में सबसे हाल ही में जोड़े गए हैं। इसके विपरीत, QQ ब्राउज़र और Baidu ब्राउज़र दोनों अब पुराने संस्करणों का उपयोग करते हैं और इस तरह दूसरे स्तर पर आ गए हैं।

प्रगतिशील वेब ऐप कैसे खोजें और इंस्टॉल करें

अब जब आप जानते हैं कि किस ब्राउज़र का उपयोग करना है, तो आप PWA को खोजने और स्थापित करने के बारे में सोच सकते हैं। इस उदाहरण के लिए, मैं Google Chrome के साथ Samsung Galaxy S8 का उपयोग करूंगा।

प्रगतिशील वेब ऐप्स हर जगह हैं। प्रगतिशील वेब ऐप संस्करण की पेशकश करने के लिए कई कंपनियों ने अपनी साइटों और सेवाओं को अनुकूलित किया है। कई मामलों में, जब आप होमपेज या सेवा की मोबाइल साइट पर जाते हैं, तो आपको सबसे पहले एक PWA का सामना करना पड़ता है, जो होम स्क्रीन में शामिल करें संवाद बकस।

जब आप यहां जाते हैं तो क्या होता है यह देखने के लिए नीचे दिया गया वीडियो देखें ट्विटर मोबाइल साइट .

बेशक, अनगिनत साइटों पर जाकर होम स्क्रीन ट्रिगर देखने की उम्मीद करना उपयोगी नहीं है। वास्तव में, यह सर्वथा समय लेने वाला है। शुक्र है, आपको ऐसा करने की ज़रूरत नहीं है क्योंकि पीडब्लूए को सूचीबद्ध करने के लिए समर्पित कुछ साइटें हैं।

पहली कोशिश आउटवेब . यह PWA की एक बहुत ही अच्छी श्रेणी को सूचीबद्ध करता है, जिसमें नए विकल्प अक्सर दिखाई देते हैं। इसके बाद, pwa.rocks आज़माएं। इसका एक छोटा चयन है, लेकिन कुछ आसान PWA जिन्हें आप अपने डिवाइस में जोड़ना चाहेंगे।

इसके अलावा, जनवरी 2019 में, Android के लिए Chrome 72 को विश्वसनीय वेब गतिविधि (TWA) के साथ भेज दिया गया। TWA क्रोम टैब को स्टैंडअलोन मोड में खोलने की अनुमति देता है। बदले में, यह PWA को Google Play ऐप स्टोर में प्रदर्शित करने की अनुमति देता है। Google Play पर प्रदर्शित होने वाले पहले कुछ PWA थे ट्विटर लाइट , इंस्टाग्राम लाइट, और गूगल मैप्स गो , समय के साथ प्रदर्शित होने के लिए और अधिक सेट के साथ।

छवि गैलरी (2 छवियां) विस्तार करना विस्तार करना बंद करे

क्या प्रोग्रेसिव वेब ऐप्स नेटिव ऐप्स की जगह लेंगे?

प्रोग्रेसिव वेब ऐप्स आपके ब्राउज़र और एक देशी मोबाइल ऐप के बीच एक उत्कृष्ट हाइब्रिड चरण हैं। क्या PWA नेटिव ऐप्स को पूरी तरह से बदल देगा? यह मेरी ओर से कठिन नहीं है। PWA एक हल्के पेशकश के रूप में महान हैं, लेकिन यह देखते हुए कि वे वर्तमान में मुख्य रूप से मौजूदा साइटों और सेवाओं की नकल करने पर ध्यान केंद्रित करते हैं, वे मूल ऐप्स को प्रतिस्थापित नहीं करेंगे।

कम से कम फिलहाल तो नहीं।

अपना खुद का मिनीक्राफ्ट मोड कैसे बनाएं

PWA हालांकि काम करते हैं। PWA Stats पर उपलब्ध डेटा भी इसका समर्थन करता है। यहां कुछ दिलचस्प आंकड़े दिए गए हैं जो बताते हैं कि कैसे पीडब्ल्यूए आमतौर पर इस्तेमाल की जाने वाली वेबसाइटों के साथ हमारी बातचीत को बदल रहे हैं:

Trivago ने अपने PWA को होम स्क्रीन पर जोड़ने वाले उपयोगकर्ताओं की सहभागिता में 150 प्रतिशत की वृद्धि देखी।
फ़ोर्ब्स का PWA 'होमपेज केवल 0.8 सेकंड में पूरी तरह से लोड हो जाता है,' जबकि प्रति विज़िट इंप्रेशन 10 प्रतिशत तक बढ़ जाते हैं। फोर्ब्स के पीडब्ल्यूए ने भी उपयोगकर्ता सत्र की लंबाई दोगुनी देखी।
ट्विटर लाइट ने प्रति सत्र पृष्ठों में 65 प्रतिशत की वृद्धि देखी, ट्वीट्स में 75 प्रतिशत की भारी वृद्धि के साथ। यह '3G पर 5 सेकंड से भी कम समय में' इंटरैक्टिव भी है।
अलीबाबा ने मोबाइल रूपांतरण में 76 प्रतिशत की वृद्धि देखी।

PWA अभी तक मुख्यधारा में नहीं आए हैं। लेकिन उनके द्वारा प्रदान किए जाने वाले लाभों की विशाल श्रृंखला के साथ, जैसे कि आपके डिवाइस पर स्थान की बचत , आप भविष्य में उनके बारे में और अधिक सुनेंगे।

साझा करना साझा करना कलरव ईमेल एनिमेटिंग स्पीच के लिए एक शुरुआती गाइड

एनिमेटिंग भाषण एक चुनौती हो सकती है। यदि आप अपने प्रोजेक्ट में संवाद जोड़ना शुरू करने के लिए तैयार हैं, तो हम आपके लिए प्रक्रिया को तोड़ देंगे।

आगे पढ़िए संबंधित विषय

इंटरनेट
तकनीक की व्याख्या
वेब
एंड्रॉयड ऍप्स
प्रगतिशील वेब ऐप्स

लेखक के बारे में गेविन फिलिप्स(945 लेख प्रकाशित)

गेविन विंडोज एंड टेक्नोलॉजी एक्सप्लेन्ड के लिए जूनियर एडिटर हैं, जो वास्तव में उपयोगी पॉडकास्ट के लिए एक नियमित योगदानकर्ता और एक नियमित उत्पाद समीक्षक हैं। उनके पास बीए (ऑनर्स) कंटेम्परेरी राइटिंग है, जिसमें डेवोन की पहाड़ियों से डिजिटल आर्ट प्रैक्टिस के साथ-साथ एक दशक से अधिक का पेशेवर लेखन अनुभव है। वह चाय, बोर्ड गेम और फुटबॉल का भरपूर आनंद लेता है।

गेविन फिलिप्स की और फ़िल्में या टीवी शो

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

सब्सक्राइब करने के लिए यहां क्लिक करें