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

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

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

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

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

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

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

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

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

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

पेश है, दोनों दुनिया की बेहतरीन चीज़ें

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

वेब

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

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

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

अपनाने के अपने फ़ायदे हैं

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

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

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

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

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

बेहतरीन स्ट्रीमिंग टूल

प्रोग्रेसिव वेब ऐप्लिकेशन की सबसे अहम बात स्ट्रीमिंग प्लैटफ़ॉर्म की इंडस्ट्री है. इनमें क्लाउड गेमिंग और रिमोट कंप्यूटिंग शामिल हैं. साल 2021 से, ज़्यादातर क्लाउड गेम प्रोवाइडर ने प्रोग्रेसिव वेब ऐप्लिकेशन लॉन्च किया है. इनमें आपको किसी भी डिवाइस से, सिर्फ़ ब्राउज़र या PWA इंस्टॉलेशन से कंसोल गेम खेलने की सुविधा मिलती है: iPhone, Android, iPad, लैपटॉप, Macs या पीसी. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now, और Blue Games X से क्लाउड गेमिंग समाधान मिलते हैं. ये सभी प्लैटफ़ॉर्म, सभी प्लैटफ़ॉर्म पर नेटिव विज्ञापन की परफ़ॉर्मेंस के साथ बेहतरीन अनुभव देते हैं. ऐसा WebRTC, WebAssembly, और Gameपैड एपीआई जैसी वेब टेक्नोलॉजी की मदद से किया जाता है.

चैलेंज

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

अलग-अलग ब्राउज़र के साथ काम करने की सुविधा

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

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

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

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

सभी वेब डेवलपमेंट की तरह, अपना 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
Safari (iOS 11.3 के बाद से), AppStore (कुछ सीमाओं के साथ, iOS/iPadOS 14 के बाद के वर्शन), और एंटरप्राइज़ डिस्ट्रिब्यूशन के लिए मोबाइल कॉन्फ़िगरेशन.
Android
Firefox, Google Chrome, Samsung इंटरनेट, Microsoft Edge, Opera, Brave, एजेंसी ब्राउज़र, 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 अपनी खास सीमाओं के साथ, सभी डिवाइसों के ब्राउज़र में हमेशा काम करेगा. कई डिवाइसों पर काम करने की यह सुविधा, आपको एक से ज़्यादा डिवाइस पर काम करने की सुविधा देती है. इसमें उपयोगकर्ता एक डिवाइस पर किसी टास्क को शुरू करके, दूसरे डिवाइस पर पूरा कर सकता है. साथ ही, उसी ऐप्लिकेशन का इस्तेमाल करके, उस पर डेटा सिंक किया जा सकता है.

रिसॉर्स