प्रोग्रेसिव वेब ऐप्लिकेशन

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

  • होम स्क्रीन, ऐप्लिकेशन लॉन्चर, लॉन्चपैड या स्टार्ट मेन्यू पर इसका आइकॉन होता है.
  • यह सूचना तब दिखती है, जब डिवाइस पर ऐप्लिकेशन खोजे जाते हैं.
  • यह स्टैंडअलोन विंडो में खुलता है, जो ब्राउज़र के यूज़र इंटरफ़ेस से पूरी तरह से अलग होता है.
  • इसके पास ओएस के साथ इंटिग्रेशन के बेहतर लेवल का ऐक्सेस होता है. उदाहरण के लिए, यूआरएल मैनेज करना या टाइटल बार को पसंद के मुताबिक बनाना.
  • यह ऑफ़लाइन काम करता है.

वेब प्लैटफ़ॉर्म

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

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

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

प्लैटफ़ॉर्म के हिसाब से ऐप्लिकेशन

मोबाइल और डेस्कटॉप दोनों पर प्लैटफ़ॉर्म के हिसाब से बने ऐप्लिकेशन, रिच और भरोसेमंद होने के लिए जाने जाते हैं. ये होम स्क्रीन, डॉक, और टास्कबार पर हमेशा मौजूद रहते हैं. ये इंटरनेट कनेक्शन की परवाह किए बिना काम करते हैं और अपने स्टैंडअलोन अनुभव में लॉन्च करते हैं. वे लोकल फ़ाइल सिस्टम में मौजूद फ़ाइलें पढ़ और उनमें बदलाव कर सकते हैं. साथ ही, वे यूएसबी, सीरियल या ब्लूटूथ के ज़रिए कनेक्ट किए गए हार्डवेयर को ऐक्सेस कर सकते हैं. साथ ही, आपके डिवाइस पर सेव किए गए डेटा, जैसे कि संपर्क और कैलेंडर इवेंट को ऐक्सेस कर सकते हैं. प्लैटफ़ॉर्म के हिसाब से बनाए गए ऐप्लिकेशन में, फ़ोटो ली जा सकती हैं, होम स्क्रीन पर मौजूद गाने चलाए जा सकते हैं या किसी दूसरे ऐप्लिकेशन में रहते हुए मीडिया चलाने की सुविधा का इस्तेमाल किया जा सकता है. ऐसे ऐप्लिकेशन, उस डिवाइस का हिस्सा महसूस होते हैं जिस पर वे काम करते हैं.

किसी खास प्लैटफ़ॉर्म के लिए बनाए गए ऐप्लिकेशन का एक समस्या यह है कि वे एक से ज़्यादा प्लैटफ़ॉर्म और डिवाइसों पर काम नहीं करते. इसलिए, नए ऐप्लिकेशन को शुरू से बनाए बिना, किसी Android ऐप्लिकेशन को iOS पर या iOS ऐप्लिकेशन को Windows या ChromeOS पर ले जाना आसान नहीं है.

दोनों प्लैटफ़ॉर्म के फ़ायदे पाना

अगर सुविधाओं और पहुंच के हिसाब से प्लैटफ़ॉर्म ऐप्लिकेशन और वेब ऐप्लिकेशन की तुलना की जाए, तो प्लैटफ़ॉर्म ऐप्लिकेशन में सबसे बेहतर सुविधाएं मिलती हैं, जबकि वेब ऐप्लिकेशन में सबसे बेहतर पहुंच मिलती है. प्रोग्रेसिव वेब ऐप्लिकेशन, प्लैटफ़ॉर्म ऐप्लिकेशन की सुविधाओं और वेब ऐप्लिकेशन की पहुंच के बीच में आते हैं. प्रोग्रेसिव वेब ऐप्लिकेशन में दोनों दुनिया की सुविधाएं शामिल होती हैं.

वेब

  • लिंक करने की सुविधा
  • डिफ़ॉल्ट रूप से ऐक्सेस करने योग्य
  • हर जगह मौजूद
  • आसानी से डिप्लॉय किया जा सकता है
  • अपडेट करना आसान
  • सभी लोग पब्लिश कर सकते हैं

प्लैटफ़ॉर्म ऐप्लिकेशन

  • ऑफ़लाइन इस्तेमाल किया जा सकता है
  • बेहतर परफ़ॉर्मेंस
  • डिवाइस इंटिग्रेशन
  • स्टैंडअलोन अनुभव
  • इंस्टॉल करने का आइकॉन
  • अच्छी क्वालिटी का और भरोसेमंद

गोद लेने के फ़ायदे

अमेरिका में वीडियो स्ट्रीमिंग सेवा देने वाली Hulu ने अपने डेस्कटॉप ऐप्लिकेशन की जगह, प्रोग्रेसिव वेब ऐप्लिकेशन का वर्शन बनाया. इसकी वजह यह थी कि डेस्कटॉप ऐप्लिकेशन की उपयोगकर्ता समीक्षाएं खराब थीं और उनका इस्तेमाल कम किया जा रहा था. जैसा कि Google I/O 2019 में बताया गया है, एक डेवलपर दो हफ़्तों में अपने मौजूदा वेब ऐप्लिकेशन से इस अनुभव के बारे में रिसर्च कर सकता है और इसे लागू कर सकता है.

पांच महीने के अंदर, उनके लेगसी ऐप्लिकेशन के 96% उपयोगकर्ताओं ने PWA का इस्तेमाल करना शुरू कर दिया था. साथ ही, वेबसाइट पर वापस आने वाले उपयोगकर्ताओं की संख्या में 27% और यूज़र ऐक्टिविटी में 5.5% की बढ़ोतरी हुई. लॉन्चर और टास्कबार में मौजूद होने की वजह से, PWA को टैब में मौजूद होने की तुलना में आसानी से खोला जा सकता है.

JD.ID एक ई-कॉमर्स प्लैटफ़ॉर्म है, जो इंडोनेशिया में कई प्रॉडक्ट की डिलीवरी सेवाएं देता है. कंपनी, ऑनलाइन प्लैटफ़ॉर्म पर अपनी पहुंच बढ़ाने के लिए, परफ़ॉर्मेंस पर ध्यान देना चाहती है. साथ ही, पीडब्ल्यूए के लिए, नेटवर्क से स्वतंत्र तौर पर काम करने वाले बेहतर अनुभव देना चाहती है. बेहतर अनुभव की मदद से, उनके मोबाइल कन्वर्ज़न रेट में 53% और इंस्टॉल किए गए उपयोगकर्ताओं के लिए 200% की बढ़ोतरी हुई. साथ ही, हर दिन के सक्रिय उपयोगकर्ताओं की संख्या में 26% की बढ़ोतरी हुई.

Clipchamp, ब्राउज़र में काम करने वाला ऐसा ऑनलाइन वीडियो एडिटर है जो डेस्कटॉप पर काम करने वाले एडिटर की तरह ही बेहतरीन वीडियो बनाने की सुविधा देता है. इसकी मदद से, कोई भी व्यक्ति वीडियो बनाकर अपनी कहानियां शेयर कर सकता है. उन्हें अपने स्टैंडर्ड डेस्कटॉप ऐप्लिकेशन के उपयोगकर्ताओं की तुलना में, PWA के उपयोगकर्ताओं को अपने साथ जोड़े रखने की दर 9% ज़्यादा मिली. साथ ही, लॉन्च के शुरुआती पांच महीनों में, PWA के इंस्टॉलेशन की दर हर महीने 97% की दर से बढ़ी.

Corel Corporation का Gravit Designer एक बेहतरीन, डिवाइस पर काम करने वाला वेक्टर डिज़ाइन टूल है. यह हर दिन, ज़्यादा सुविधाओं वाला, किफ़ायती, और आसानी से ऐक्सेस किया जा सकने वाला वेक्टर इलस्ट्रेशन सॉफ़्टवेयर मांगने वाले 10 हज़ार से ज़्यादा सक्रिय उपयोगकर्ताओं की मदद करता है. उपयोगकर्ताओं के लिए, इंस्टॉल करने के विकल्प के तौर पर PWA को जोड़ने से, उन्होंने देखा कि PWA का इस्तेमाल करने वाले 24% ज़्यादा ऐक्टिव हैं. साथ ही, PWA में बार-बार आने वाले उपयोगकर्ताओं में से 31% और PWA का इस्तेमाल करने वालों की, अन्य प्लैटफ़ॉर्म और इंस्टॉल करने के विकल्पों की तुलना में, Grafit लिखें PRO को 2.5 गुना ज़्यादा खरीदने की संभावना है.

स्ट्रीमिंग गेम परिवर्तक

स्ट्रीमिंग प्लैटफ़ॉर्म की इंडस्ट्री, प्रोग्रेसिव वेब ऐप्लिकेशन की बेहतरीन सुविधाओं का एक उदाहरण है. इसमें क्लाउड गेमिंग और रिमोट कंप्यूटिंग भी शामिल है. साल 2021 से, क्लाउड गेम की सेवा देने वाली ज़्यादातर कंपनियों ने प्रोग्रेसिव वेब ऐप्लिकेशन लॉन्च किए हैं. इनकी मदद से, किसी भी डिवाइस पर ब्राउज़र या पीडब्ल्यूए इंस्टॉल करके कंसोल गेम खेले जा सकते हैं. जैसे, iPhone, Android, iPad, लैपटॉप, Mac या पीसी. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now, और BlueStacks X, ब्राउज़र पर पीडब्ल्यूए के तौर पर क्लाउड गेमिंग की सुविधा देते हैं. ये सभी सभी प्लैटफ़ॉर्म पर, नेटिव ऐप्लिकेशन जैसी परफ़ॉर्मेंस के साथ बेहतरीन अनुभव देते हैं. इसकी वजह यह है कि इनमें WebRTC, WebAssembly, और GamePad API जैसी वेब टेक्नोलॉजी का इस्तेमाल किया जाता है.

चुनौतियां

पीडब्ल्यूए पब्लिश करने के लिए, वेब प्लैटफ़ॉर्म का इस्तेमाल करने से जुड़े फ़ायदों को कवर करने के साथ-साथ, आपको आने वाली चुनौतियों की जानकारी होना भी ज़रूरी है.

अलग-अलग ब्राउज़र के साथ काम करना

Apple, कई डिवाइसों वाले वर्ल्ड के लिए एक अहम कंपनी है. इसके पास iOS, iPadOS, macOS, और Safari का मालिकाना हक है. Apple ने सार्वजनिक तौर पर कभी भी PWA शब्द का इस्तेमाल नहीं किया है. वे 2018 से iPhone और iPad के लिए Safari पर, PWA को इंस्टॉल और ऑफ़लाइन करने लायक बनाने के लिए टेक्नोलॉजी का इस्तेमाल कर रहे हैं.

हालांकि, Apple ने PWA के स्पेसिफ़िकेशन को लागू करने के दौरान, कई सुविधाओं को शामिल नहीं किया है. ये सुविधाएं, दूसरे ब्राउज़र में मौजूद हैं. खास तौर पर, Chromium इंजन वाले ब्राउज़र में.

बीच में, हमारे पास Firefox और उसका Gecko इंजन भी है. इसमें Android पर PWA की ज़्यादा सुविधाएं और डेस्कटॉप पर इंस्टॉल करने की कम सुविधाएं शामिल हैं.

इन सीमाओं में पुश नोटिफ़िकेशन की कमी, इंटिग्रेशन एपीआई (जैसे कि वेब ब्लूटूथ या Webएनएफ़सी) और इंस्टॉल करने का प्रमोशन करने की तकनीकें शामिल हैं. इससे, लोगों को यह जानने में मदद मिलती है कि वे ऐप्लिकेशन का अनुभव पाने के लिए, मौजूदा वेबसाइट को इंस्टॉल कर सकते हैं. इसके अलावा, लागू की गई सुविधाओं में कई गड़बड़ियां हैं.

वेब डेवलपमेंट की तरह ही, PWA को रिलीज़ करते समय और कोई नया ब्राउज़र या ओएस वर्शन रिलीज़ होने पर, हर प्लैटफ़ॉर्म पर अपने अनुभव की जांच करना ज़रूरी है. सुविधा उपलब्ध न होने पर, आपको हमेशा फ़ॉलबैक समाधान या वैकल्पिक अनुभव देने चाहिए.

पीडब्ल्यूए के बारे में जागरूकता

PWA डेवलपर के तौर पर, आपको कारोबार और उपयोगकर्ता, दोनों के बारे में जानकारी देने में समस्या आ सकती है. कुछ कारोबार के मालिकों को PWA के बारे में पता नहीं होगा या उनके मन में PWA की क्षमता और चुनौतियों के बारे में गलतफ़हमियां होंगी.

PWA पब्लिश करते समय, आपकी अगली चुनौती यह है कि उपयोगकर्ता को यह पता हो कि वेबसाइट को इंस्टॉल किया जा सकता है. इससे, इंस्टॉल किए गए ऐप्लिकेशन का अनुभव मिलता है.

iOS और iPadOS जैसे कुछ प्लैटफ़ॉर्म पर इंस्टॉल करने का चैलेंज काफ़ी अहम होता है. कभी-कभी UX डिज़ाइनर में स्क्रीन शामिल की जाती है, जो लोगों को ऐप्लिकेशन इंस्टॉल करने का तरीका बताती है.

इनके साथ काम करता है

आपको याद रखना होगा कि प्रोग्रेसिव वेब ऐप्लिकेशन सिर्फ़ एक वेब ऐप्लिकेशन है. इसलिए, कॉन्टेंट और सेवाओं के लिए स्टैंडर्ड निर्देशों और प्रोटोकॉल का इस्तेमाल किया जाता है. इसलिए, तकनीकी तौर पर PWA, वेब के जितने प्लैटफ़ॉर्म पर काम करता है उतने ही प्लैटफ़ॉर्म पर काम करता है. इसके लिए, ज़रूरी नहीं है कि प्लैटफ़ॉर्म किसी "PWA स्पेसिफ़िकेशन" के साथ काम करता हो.

हालांकि, जब हम PWA और साथ काम करने की सुविधा की बात करते हैं, तो हम ब्राउज़र से जुड़ी सुविधाओं और सिर्फ़ ऑनलाइन प्लैटफ़ॉर्म पर काम करने से जुड़ी सुविधाओं के बारे में सोचते हैं: आइकॉन इंस्टॉल करना और ऑफ़लाइन सहायता.

क्लासिक वेब प्लैटफ़ॉर्म के साथ काम करने के अलावा, आइए देखें कि ऐप्लिकेशन के बुनियादी फ़ंक्शन काम करते हैं या नहीं. जैसे, आइकॉन इंस्टॉल करना और ऑफ़लाइन सुविधाएं.

    97 %

    ऑफ़लाइन काम करने वाले ब्राउज़र

    88 %

    वेब उपयोगकर्ता, PWA इंस्टॉल कर सकते हैं

StatCounter से लिया गया डेटा और क्या इसका इस्तेमाल किया जा सकता है.

डेस्कटॉप और लैपटॉप

मल्टीफ़ैक्टर डिवाइसों की दुनिया में, यह जानना काफ़ी मुश्किल है कि डेस्कटॉप डिवाइस अब क्या हो गया है. हालांकि, कम से कम ऑपरेटिंग सिस्टम के हिसाब से, ये ब्राउज़र और स्टोर, PWA इंस्टॉल करने और ऑफ़लाइन इस्तेमाल करने की सुविधाओं के साथ काम करते हैं:

Windows 10 और 11
Google Chrome (वर्शन 73 से), Microsoft Edge (वर्शन 79 से), Microsoft Store
ChromeOS
पहले से मौजूद Chrome ब्राउज़र (वर्शन 72 से), Play Store (वर्शन 85 से)
macOS, Linux, और Windows 7 और 8.x
Google Chrome (73 वर्शन से), Microsoft Edge

इस वीडियो में, उपयोगकर्ता डेस्कटॉप कंप्यूटर पर ब्राउज़र से PWA इंस्टॉल करता है. इसके बाद, उसे किसी दूसरे ऐप्लिकेशन की तरह ही, स्टैंडअलोन विंडो में ऐक्सेस करता है.

मोबाइल डिवाइस

मोबाइल फ़ोन और टैबलेट के बारे में बात करते हुए, यह बताना ज़रूरी है कि प्रोग्रेसिव वेब ऐप्लिकेशन को इन ब्राउज़र और ऐप स्टोर का इस्तेमाल करके, ऑफ़लाइन मोड में इंस्टॉल किया जा सकता है:

iOS और iPadOS
तीसरे पक्ष के ब्राउज़र (iOS/iPadOS 16.4 से), Safari (iOS 11.3 से), AppStore (iOS/iPadOS 14 से, कुछ सीमाओं के साथ), और एंटरप्राइज़ डिस्ट्रिब्यूशन के लिए मोबाइल कॉन्फ़िगरेशन.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Play Store (Google Chrome इंस्टॉल किए गए वर्शन 72 या TWA के साथ काम करने वाले ब्राउज़र से), Galaxy Store, और एंटरप्राइज़ डिस्ट्रिब्यूशन के लिए मैनेज किया गया Play iframe.

इस वीडियो में, उपयोगकर्ता ब्राउज़र के डायलॉग बॉक्स का इस्तेमाल करके, मोबाइल डिवाइस पर ब्राउज़र से PWA इंस्टॉल करता है. साथ ही, होम स्क्रीन पर जोड़ें मेन्यू का इस्तेमाल करके भी PWA इंस्टॉल करता है.

अन्य डिवाइस

कुछ अन्य छोटे डिवाइसों पर भी PWA काम करते हैं. जैसे, गेम कंसोल (Microsoft Store वाला Xbox) या XR डिवाइस (Microsoft Hololens, Facebook के Oculus के प्लान). हालांकि, ब्राउज़र वाले बाकी डिवाइसों पर आम तौर पर PWA काम नहीं करते. इनमें ये डिवाइस शामिल हैं:

  • गेम कंसोल
  • स्मार्ट टीवी
  • स्मार्टवॉच
  • कार

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

संसाधन