ऐप्स आपके फोन पर हावी हैं। लंबे समय तक, ऐप्स ने आपके डेस्कटॉप या ब्राउज़र को उसी तरह प्रभावित नहीं किया। यह हाल के वर्षों में बदल गया है। प्रगतिशील वेब ऐप्स (PWA) का कद बढ़ रहा है और सभी प्रकार की वेबसाइटों के साथ हमारे इंटरैक्शन को बदल रहा है।
लेकिन वास्तव में एक प्रगतिशील वेब ऐप क्या है? एक PWA क्या करता है जो एक वेबसाइट नहीं करती है? यहां बताया गया है कि आपको प्रोग्रेसिव वेब ऐप्स के बारे में क्या जानना चाहिए।
प्रोग्रेसिव वेब ऐप क्या है?
प्रोग्रेसिव वेब ऐप्स ऐसे वेब एप्लिकेशन हैं जो उपयोगकर्ताओं को एक नियमित साइट प्रदान करते हैं लेकिन एक मूल मोबाइल ऐप के रूप में दिखाई देते हैं। PWA दोनों विकास क्षेत्रों में प्रगति का पूरा लाभ उठाते हुए, एक देशी मोबाइल ऐप की उपयोगिता को आधुनिक ब्राउज़र सुविधा सेट में लाने का प्रयास करते हैं।
तब PWA क्या परिभाषित करता है?
- सार्वभौमिक :एक PWA को प्रत्येक उपयोगकर्ता के लिए, उनके ब्राउज़र की परवाह किए बिना, निर्बाध रूप से (अच्छी तरह से, लगभग) काम करना चाहिए।
- उत्तरदायी :PWA को आपके लैपटॉप, टैबलेट, स्मार्टफोन आदि जैसे किसी भी उपकरण के साथ काम करना चाहिए।
- डिज़ाइन :डिज़ाइन को देशी मोबाइल ऐप्स की नकल करनी चाहिए, जिसका अर्थ है सुव्यवस्थित, आसानी से मिल जाने वाले मेनू, उन्नत सुविधाओं के लिए सरल अन्तरक्रियाशीलता के साथ।
- सुरक्षित :उपयोगकर्ता डेटा को सुरक्षित रखने के लिए PWA को HTTPS का उपयोग करना चाहिए।
- खोज योग्य: उपयोगकर्ता पीडब्लूए ढूंढ सकते हैं, और वे एक एप्लिकेशन ("साइट" के बजाय) के रूप में आसानी से पहचाने जा सकते हैं।
- सगाई: PWA के पास पुश नोटिफिकेशन जैसी मूल सहभागिता सुविधाओं तक पहुंच होनी चाहिए।
- अपडेट: PWA अप टू डेट रहते हैं, किसी सेवा या साइट के नवीनतम संस्करणों की सेवा करते हैं।
- स्थापना: उपयोगकर्ताओं को ऐप स्टोर की आवश्यकता के बिना आसानी से अपने होम स्क्रीन पर PWA को "इंस्टॉल" करने की अनुमति दें।
- साझा करना: PWA को बिना किसी संस्थापन के साझा करने के लिए केवल एक URL की आवश्यकता होती है।
जैसा कि आप देख सकते हैं, PWA का उद्देश्य उपयोगकर्ताओं को एक देशी ऐप की सुव्यवस्थित सुविधाओं और इंटरफ़ेस डिज़ाइन के साथ एक पूर्ण वेबसाइट अनुभव प्रदान करना है।
एक प्रोग्रेसिव वेब ऐप कैसे काम करता है?
प्रगतिशील वेब ऐप्स की कुंजी ब्राउज़र सेवा कार्यकर्ता हैं।
एक सेवा कार्यकर्ता एक स्क्रिप्ट है जो आपके ब्राउज़र की पृष्ठभूमि में चलती है, "वेब पेज से अलग, उन सुविधाओं के लिए द्वार खोलती है जिन्हें वेब पेज या उपयोगकर्ता इंटरैक्शन की आवश्यकता नहीं होती है।" आप इस समय पुश नोटिफिकेशन और बैकग्राउंड सिंक जैसे सेवा कर्मियों का उपयोग कर सकते हैं, लेकिन तत्काल PWA भविष्य इन स्क्रिप्ट को अधिक शक्ति प्रदान करता है।
जैसे, सेवा कार्यकर्ता लगभग तात्कालिक परिणामों के लिए वेब कैश का उपयोग करते हुए PWA मानक की नींव बनाते हैं।
सर्विस वर्कर्स से पहले, गो-टू ब्राउजर कैशे स्क्रिप्ट एप्लिकेशन कैश (या ऐप कैश) थी। ऐप कैश में ऑफ़लाइन-प्रथम सेवाओं की एक विस्तृत श्रृंखला है, लेकिन कुछ त्रुटि-प्रवण था। इसके अलावा, ऐप कैश की कई प्रसिद्ध सीमाएं हैं, जैसा कि ए लिस्ट अपार्ट बताता है।
लेकिन डेवलपर्स के लिए मुख्य समस्या ऐप कैश के काम करने के तरीके के साथ सीधे संपर्क की कमी है, डेवलपर्स को समस्याओं को ठीक से ठीक करने से रोकता है। बदले में, पूर्ण ऑफ़लाइन कार्यक्षमता वाली वेबसाइटें और सेवाएं एक जोखिम भरा विकल्प थीं।
सेवा कर्मचारी, हालांकि, केवल तब तक चलते हैं जब तक उनकी कार्रवाई की आवश्यकता होती है। PWA में, जब आप किसी चीज़ पर क्लिक करते हैं या किसी सुविधा का उपयोग करते हैं, तो एक सेवा कार्यकर्ता हरकत में आ जाता है। सेवा कार्यकर्ता (याद रखें, यह एक स्क्रिप्ट है) ईवेंट को संसाधित करता है, यह तय करते हुए कि ऑफ़लाइन कैश अनुरोध को पूरा कर सकता है या नहीं। विचार यह है कि PWA के लिए चुनने के लिए कई ऑफ़लाइन कैश हैं, जो ऑफ़लाइन कार्यक्षमता की एक विस्तृत श्रृंखला प्रदान करते हैं।
इसके अलावा, कैश केवल ऑफ़लाइन गति बढ़ाने के लिए नहीं है। उदाहरण के लिए, आप किसी PWA में जाते हैं, लेकिन आपका कनेक्शन बेहद खराब है। सेवा कार्यकर्ता आपके अनुभव को बाधित किए बिना, पूरी तरह से काम कर रहे पिछले कैश की सेवा करता है।
प्रोग्रेसिव वेब ऐप ब्राउज़र सपोर्ट
प्रगतिशील वेब ऐप का उपयोग करने के लिए दो आवश्यकताएं हैं:एक संगत ब्राउज़र और एक पीडब्ल्यूए-सक्षम सेवा।
सबसे पहले, आइए ब्राउज़रों को देखें। PWA ब्राउज़र समर्थन की जाँच करने के लिए आपके पास दो विकल्प हैं। पहला जेक आर्चीबाल्ड का क्या सेवा कार्यकर्ता तैयार है? जो प्रमुख ब्राउज़रों के साथ-साथ सैमसंग इंटरनेट की पीडब्लूए-तैयार स्थिति को आसानी से प्रदर्शित करता है।
PWA ब्राउज़र समर्थन के अधिक विस्तृत अवलोकन के लिए, आपको क्या मैं उपयोग कर सकता हूँ, एक वेबसाइट देखनी चाहिए जो ब्राउज़र संस्करण द्वारा विभिन्न वेब और ब्राउज़र प्रौद्योगिकी के कार्यान्वयन को सूचीबद्ध करने में माहिर है। उदाहरण के लिए, यदि आप सर्च बार में "सर्विस वर्कर" इनपुट करते हैं, तो आपको एक टेबल मिलती है जिसमें वर्जन नंबर प्रदर्शित होता है जिसके साथ प्रत्येक ब्राउज़र ने PWA सर्विस वर्कर्स को लागू किया।
क्या मैं सेवा कार्यकर्ता तालिका का उपयोग कर सकता हूं यह पुष्टि करता है कि प्रमुख ब्राउज़र सभी पीडब्लूए का समर्थन करते हैं। यह कई वैकल्पिक डेस्कटॉप ब्राउज़रों और मोबाइल ब्राउज़रों के लिए PWA समर्थनों को भी दिखाता है।
इसे थोड़ा और तोड़ना:
- डेस्कटॉप ब्राउज़र (पूर्ण समर्थन): क्रोम, फायरफॉक्स, ओपेरा, एज, सफारी
- डेस्कटॉप ब्राउज़र (आंशिक समर्थन/पुराना संस्करण): QQ ब्राउज़र, Baidu ब्राउज़र
- मोबाइल ब्राउज़र (पूर्ण समर्थन): क्रोम, फायरफॉक्स, सफारी, यूसी ब्राउजर, सैमसंग इंटरनेट, मिंट ब्राउजर, वीचैट
- मोबाइल ब्राउज़र (आंशिक समर्थन/पुराना संस्करण): QQ ब्राउज़र, Android ब्राउज़र, ओपेरा मोबाइल
तो, प्रमुख ब्राउज़र सभी PWA का समर्थन करते हैं। Microsoft Edge और Safari पूर्ण समर्थन सूची में सबसे हाल ही में जोड़े गए हैं। इसके विपरीत, QQ ब्राउज़र और Baidu ब्राउज़र दोनों अब पुराने संस्करणों का उपयोग करते हैं और इसलिए दूसरे स्तर पर आ गए हैं।
प्रोग्रेसिव वेब ऐप कैसे ढूंढें और इंस्टॉल करें
अब जब आप जानते हैं कि किस ब्राउज़र का उपयोग करना है, तो आप PWA को खोजने और स्थापित करने के बारे में सोच सकते हैं। इस उदाहरण के लिए, मैं Google Chrome के साथ Samsung Galaxy S8 का उपयोग करूंगा।
प्रगतिशील वेब ऐप्स हर जगह हैं। कई कंपनियों ने प्रगतिशील वेब ऐप संस्करण की पेशकश करने के लिए अपनी साइटों और सेवाओं को अनुकूलित किया है। कई मामलों में, जब आप होमपेज या सेवा की मोबाइल साइट पर जाते हैं, तो आप सबसे पहले एक PWA का सामना करेंगे, जो होम स्क्रीन में जोड़ें को ट्रिगर करता है। डायलॉग बॉक्स।
जब आप Twitter मोबाइल साइट पर जाते हैं तो क्या होता है, यह देखने के लिए नीचे दिया गया वीडियो देखें।
बेशक, अनगिनत साइटों पर जाकर होम स्क्रीन ट्रिगर देखने की उम्मीद करना उपयोगी नहीं है। वास्तव में, यह सर्वथा समय लेने वाला है। शुक्र है, आपको ऐसा करने की ज़रूरत नहीं है क्योंकि कुछ ऐसी साइटें हैं जो PWA को सूचीबद्ध करने के लिए समर्पित हैं।
सबसे पहले, आउटवेब का प्रयास करें। यह PWA की एक बहुत ही अच्छी श्रेणी को सूचीबद्ध करता है, जिसमें नए विकल्प अक्सर दिखाई देते हैं। इसके बाद, pwa.rocks आज़माएं। इसका एक छोटा चयन है, लेकिन कुछ आसान PWA जिन्हें आप अपने डिवाइस में जोड़ना चाहेंगे।
इसके अलावा, जनवरी 2019 में, Android के लिए Chrome 72 को विश्वसनीय वेब गतिविधि (TWA) के साथ भेज दिया गया। TWA क्रोम टैब को स्टैंडअलोन मोड में खोलने की अनुमति देता है। बदले में, यह PWA को Google Play ऐप स्टोर में प्रदर्शित करने की अनुमति देता है। Google Play पर दिखाई देने वाले पहले कुछ PWA थे ट्विटर लाइट, इंस्टाग्राम लाइट और Google मैप्स गो, जिनमें समय के साथ और अधिक सेट दिखाई देने लगे।
क्या प्रोग्रेसिव वेब ऐप्स नेटिव ऐप्स की जगह ले लेंगे?
प्रोग्रेसिव वेब ऐप्स आपके ब्राउज़र और एक देशी मोबाइल ऐप के बीच एक उत्कृष्ट हाइब्रिड चरण हैं। क्या PWA नेटिव ऐप्स को पूरी तरह से बदल देगा? यह मेरी ओर से कठिन नहीं है। PWA एक हल्के पेशकश के रूप में महान हैं, लेकिन यह देखते हुए कि वे वर्तमान में मुख्य रूप से मौजूदा साइटों और सेवाओं को दोहराने पर ध्यान केंद्रित करते हैं, वे मूल ऐप्स को प्रतिस्थापित नहीं करेंगे।
कम से कम, फिलहाल तो नहीं।
PWA हालांकि काम करते हैं। PWA Stats पर उपलब्ध डेटा भी इसका समर्थन करता है। यहां कुछ दिलचस्प आंकड़े दिए गए हैं जो बताते हैं कि कैसे पीडब्ल्यूए आमतौर पर इस्तेमाल की जाने वाली वेबसाइटों के साथ हमारी बातचीत को बदल रहे हैं:
- Trivago ने अपने PWA को होम स्क्रीन पर जोड़ने वाले उपयोगकर्ताओं की सहभागिता में 150 प्रतिशत की वृद्धि देखी।
- Forbes का PWA "मुखपृष्ठ केवल 0.8 सेकंड में पूरी तरह से लोड हो जाता है," जबकि प्रति विज़िट इंप्रेशन 10 प्रतिशत तक बढ़ जाते हैं। फोर्ब्स के पीडब्ल्यूए ने भी उपयोगकर्ता सत्र की लंबाई दोगुनी देखी।
- ट्विटर लाइट ने प्रति सत्र पृष्ठों में 65 प्रतिशत की वृद्धि देखी, ट्वीट्स में 75 प्रतिशत की भारी वृद्धि के साथ। यह "3G पर 5 सेकंड से भी कम समय में" इंटरैक्टिव भी है।
- अलीबाबा ने मोबाइल रूपांतरण में 76 प्रतिशत की वृद्धि देखी।
PWA अभी तक मुख्यधारा में नहीं आए हैं। लेकिन उनके द्वारा प्रदान किए जाने वाले लाभों की विशाल श्रृंखला के साथ, जैसे कि आपके डिवाइस पर स्थान की बचत, आप भविष्य में उनके बारे में और अधिक सुनेंगे।