उपयोगकर्ता के आपके पीडब्ल्यूए इंस्टॉल करने के बाद, यह:
- लॉन्चर, होम स्क्रीन, स्टार्ट मेन्यू या लॉन्चपैड में कोई आइकॉन होना चाहिए.
- उपयोगकर्ता के अपने डिवाइस पर ऐप्लिकेशन खोजने पर, खोज के नतीजे के तौर पर दिखता है.
- ऑपरेटिंग सिस्टम में एक अलग विंडो रखें.
- कुछ खास सुविधाओं के लिए सहायता चाहिए.
इंस्टॉल करने के लिए ज़रूरी शर्तें
हर ब्राउज़र का एक मानदंड होता है, जो किसी वेबसाइट या वेब ऐप्लिकेशन के प्रोग्रेसिव वेब ऐप्लिकेशन होने के बारे में बताता है. साथ ही, उसे स्टैंडअलोन अनुभव के लिए इंस्टॉल किया जा सकता है. आपके PWA का मेटाडेटा, JSON पर आधारित एक फ़ाइल से सेट किया जाता है. इस फ़ाइल को वेब ऐप्लिकेशन मेनिफ़ेस्ट कहा जाता है. इसके बारे में हम अगले मॉड्यूल में ज़्यादा जानकारी देंगे.
इंस्टॉल करने की ज़रूरी शर्त के तौर पर, इस ऐप्लिकेशन के साथ काम करने वाले ज़्यादातर ब्राउज़र, वेब ऐप्लिकेशन मेनिफ़ेस्ट फ़ाइल, ऐप्लिकेशन के नाम, और इंस्टॉल किए गए वर्शन के कॉन्फ़िगरेशन जैसी कुछ प्रॉपर्टी का इस्तेमाल करते हैं. macOS के लिए Safari इसका अपवाद है, जिस पर इंस्टॉल करने की सुविधा काम नहीं करती है.
इंस्टॉल करने की अनुमति देने की शर्तें अलग-अलग ब्राउज़र के हिसाब से अलग-अलग होती हैं. यह लेख, Google Chrome की ज़रूरी शर्तों के बारे में बताता है. साथ ही, इसमें अन्य ब्राउज़र की ज़रूरी शर्तों के लिंक भी दिए गए हैं.
इंस्टॉल करने से जुड़ी ज़रूरी शर्तों को पूरा करने के लिए, PWA कुछ सेकंड में ही जांच करता है. इसलिए, हो सकता है कि यूआरएल का जवाब मिलते ही, इंस्टॉल करने की सुविधा उपलब्ध न हो.
डेस्कटॉप इंस्टॉलेशन
फ़िलहाल, Linux, Windows, macOS, और Chromebook पर, Google Chrome और Microsoft Edge के साथ डेस्कटॉप पर PWA इंस्टॉल किया जा सकता है. ये ब्राउज़र यूआरएल बार (नीचे दी गई इमेज देखें) में, इंस्टॉल बैज (आइकॉन) दिखाएंगे. इससे यह पता चलेगा कि मौजूदा साइट को इंस्टॉल किया जा सकता है.
जब कोई उपयोगकर्ता किसी साइट से जुड़ता है, तो उसे नीचे दिया गया पॉप-अप दिख सकता है, जो उपयोगकर्ताओं को ऐप्लिकेशन के तौर पर इंस्टॉल करने के लिए कहता है.
ब्राउज़र के ड्रॉप-डाउन मेनू में "इंस्टॉल करें
डेस्कटॉप ऑपरेटिंग सिस्टम पर, सिर्फ़ स्टैंडअलोन और कम से कम यूज़र इंटरफ़ेस (यूआई) वाले डिसप्ले मोड ही काम करते हैं.
डेस्कटॉप पर इंस्टॉल किए गए PWA:
- Windows पीसी पर, स्टार्ट मेन्यू या स्टार्ट स्क्रीन में आइकॉन, Linux GUI में डॉक या डेस्कटॉप, macOS लॉन्चपैड या Chromebook के ऐप्लिकेशन लॉन्चर में दिखाएं.
- जब ऐप्लिकेशन चालू हो, उसे हाल ही में इस्तेमाल किया गया हो या उसे बैकग्राउंड में खोला गया हो, तो ऐप्लिकेशन स्विचर और डॉक में आइकॉन दिखाएं.
- ऐप्लिकेशन के खोज नतीजों में दिखता है. उदाहरण के लिए, Windows पर खोजें या macOS पर Spotlight.
- नई सूचनाएं दिखाने के लिए, अपने आइकॉन पर बैज नंबर सेट कर सकते हैं. ऐसा Badging API की मदद से किया जाता है.
- ऐप्लिकेशन शॉर्टकट की मदद से, आइकॉन के लिए संदर्भ के हिसाब से मेन्यू सेट किया जा सकता है.
- एक ही ब्राउज़र से दो बार इंस्टॉल नहीं किया जा सकता.
डेस्कटॉप पर ऐप्लिकेशन इंस्टॉल करने के बाद, उपयोगकर्ता about:apps
पर जा सकते हैं. इसके बाद, PWA पर राइट क्लिक कर सकते हैं और "साइन इन करने पर ऐप्लिकेशन शुरू करें" को चुन सकते हैं क्या वे चाहते हैं कि स्टार्टअप पर आपका ऐप्लिकेशन अपने-आप खुले.
iOS और iPadOS इंस्टॉलेशन
ब्राउज़र में PWA को इंस्टॉल करने की सूचना, iOS और iPadOS पर मौजूद नहीं है. इन प्लैटफ़ॉर्म पर, PWA को होम स्क्रीन वाले वेब ऐप्लिकेशन भी कहा जाता है. इन ऐप्लिकेशन को ऐसे मेन्यू के ज़रिए होम स्क्रीन पर मैन्युअल रूप से जोड़ना होगा जो सिर्फ़ Safari में उपलब्ध है. हमारा सुझाव है कि आप अपने एचटीएमएल में apple-touch-icon
टैग जोड़ें.
आइकॉन तय करने के लिए, अपने एचटीएमएल <head>
सेक्शन के आइकॉन का पाथ शामिल करें, जैसे:
<link rel="apple-touch-icon" href="/icons/ios.png">
Safari इस जानकारी का इस्तेमाल, शॉर्टकट बनाने के लिए करेगा. साथ ही, अगर आपने Apple डिवाइसों के लिए कोई आइकॉन नहीं दिया है, तो होम स्क्रीन पर मौजूद आइकॉन, आपके PWA को इंस्टॉल करने पर उसका स्क्रीनशॉट होगा.
यह समझना ज़रूरी है कि PWA इंस्टॉल सिर्फ़ तब होता है, जब उपयोगकर्ता Safari से आपकी वेबसाइट ब्राउज़ करता है. App Store में उपलब्ध अन्य ब्राउज़र, जैसे कि Google Chrome, Firefox, Opera या Microsoft Edge में, होम स्क्रीन पर पीडब्ल्यूए इंस्टॉल नहीं किया जा सकता.
होम स्क्रीन पर ऐप्लिकेशन जोड़ने के लिए, यह तरीका अपनाएं:
- ब्राउज़र में सबसे नीचे या सबसे ऊपर मौजूद, शेयर करें मेन्यू खोलें.
- होम स्क्रीन पर जोड़ें पर क्लिक करें.
- ऐप्लिकेशन के नाम की पुष्टि करें; नाम में बदलाव किया जा सकता है.
- जोड़ें पर क्लिक करें. iOS और iPadOS पर, वेबसाइटों और PWA के बुकमार्क, होम स्क्रीन पर एक जैसे दिखते हैं.
iOS और iPadOS पर, सिर्फ़ स्टैंडअलोन डिसप्ले मोड काम करता है. इसलिए, अगर कम से कम यूज़र इंटरफ़ेस (यूआई) मोड का इस्तेमाल किया जाता है, तो वह ब्राउज़र शॉर्टकट पर वापस चला जाएगा; अगर फ़ुलस्क्रीन का इस्तेमाल किया जाता है, तो यह वापस स्टैंडअलोन जाएगा.
iOS और iPadOS पर इंस्टॉल किए गए PWA:
- होम स्क्रीन, Spotlight की खोज, Siri के सुझाव, और ऐप्लिकेशन लाइब्रेरी की खोज में दिखाई दें.
- ऐप्लिकेशन गैलरी की कैटगरी फ़ोल्डर में न दिखाएं.
- बैज और ऐप्लिकेशन शॉर्टकट जैसी सुविधाओं के लिए सहायता की कमी है.
उदाहरण के लिए, Safari ऑपरेटिंग सिस्टम में पीडब्ल्यूए आइकॉन बनाने के लिए, वेब क्लिप नाम की नेटिव टेक्नोलॉजी का इस्तेमाल करता है. ये सिर्फ़ एक्सएमएल फ़ाइलें होती हैं. ये फ़ाइलें, Apple के प्रॉपर्टी लिस्ट फ़ॉर्मैट में मौजूद होती हैं, जो फ़ाइल सिस्टम में स्टोर होती हैं.
Android इंस्टॉलेशन
Android पर, PWA इंस्टॉल करने के अनुरोध, डिवाइस और ब्राउज़र के हिसाब से अलग-अलग होते हैं. उपयोगकर्ताओं को ये चीज़ें दिख सकती हैं:
- इंस्टॉल करने के लिए, मेन्यू आइटम के अलग-अलग नाम. उदाहरण के लिए, इंस्टॉल करें या होम स्क्रीन पर जोड़ें.
- इंस्टॉल करने के बारे में ज़्यादा जानकारी.
नीचे दी गई इमेज में, इंस्टॉलेशन डायलॉग बॉक्स के दो अलग-अलग वर्शन, एक छोटा मिनी-इन्फ़ोबार (बाएं) और पूरी जानकारी वाला इंस्टॉलेशन डायलॉग (दाएं) देखे जा सकते हैं.
डिवाइस और ब्राउज़र के आधार पर, आपका PWA WebAPK, शॉर्टकट या QuickApp के तौर पर इंस्टॉल किया जाएगा.
WebAPKs
WebAPK एक Android पैकेज (APK) है. इसे, उपयोगकर्ता के डिवाइस को उपलब्ध कराने वाली कोई भरोसेमंद कंपनी बनाती है. आम तौर पर, इसे क्लाउड में, WebAPK मिंटिंग सर्वर पर बनाया जाता है. इस तरीके का इस्तेमाल Google Chrome, उन डिवाइसों पर करता है जिन पर Google Mobile Services (GMS) इंस्टॉल है और Samsung इंटरनेट ब्राउज़र पर. हालांकि, Samsung के डिवाइस, जैसे कि Galaxy फ़ोन या टैबलेट ही इस तरीके का इस्तेमाल करते हैं. ज़्यादातर Android इस्तेमाल करने वालों की यही वजह है.
जब कोई उपयोगकर्ता Google Chrome से PWA इंस्टॉल करता है और WebAPK इस्तेमाल करता है, तो मिंट करने वाला सर्वर "मिंट" देता है (पैकेज) और पीडब्ल्यूए के लिए किसी APK पर हस्ताक्षर करता है. इस प्रोसेस में समय लगता है. हालांकि, APK के तैयार होने पर ब्राउज़र, उपयोगकर्ता के डिवाइस पर उस ऐप्लिकेशन को अपने-आप इंस्टॉल कर लेता है. सेवा देने वाली भरोसेमंद कंपनियों (Play Services या Samsung) की तरफ़ से, APK पर हस्ताक्षर किए जाते हैं. इसलिए, फ़ोन इसे बिना सुरक्षा के इंस्टॉल करता है, जैसा कि स्टोर से आने वाले किसी भी ऐप्लिकेशन से होता है. ऐप्लिकेशन को अलग से लोड करने की ज़रूरत नहीं है.
WebAPK के ज़रिए इंस्टॉल किए गए PWA:
- ऐप्लिकेशन लॉन्चर और होम स्क्रीन पर एक आइकॉन होना चाहिए.
- सेटिंग और ऐप्लिकेशन पर दिखाएं.
- इसमें बैजिंग, ऐप्लिकेशन शॉर्टकट, और ओएस में लिंक कैप्चर करने जैसी कई सुविधाएं हो सकती हैं.
- आइकॉन और ऐप्लिकेशन के मेटाडेटा को अपडेट कर सकता है.
- दो बार इंस्टॉल नहीं किया जा सकता.
शॉर्टकट
हालांकि, WebAPK Android इस्तेमाल करने वालों को सबसे अच्छा अनुभव देता है, लेकिन इन्हें हमेशा नहीं बनाया जा सकता. ऐसा न होने पर, ब्राउज़र फिर से वेबसाइट शॉर्टकट बना देते हैं. क्योंकि Firefox, Microsoft Edge, Opera, Brave, और Samsung Internet (गैर-Samsung डिवाइसों पर) में मिंटिंग सर्वर नहीं होते, इसलिए वे शॉर्टकट बनाएंगे. अगर मिंटिंग सेवा उपलब्ध नहीं है या आपका PWA इंस्टॉल करने की ज़रूरी शर्तों को पूरा नहीं करता है, तो भी Google Chrome ऐसा करेगा.
ऐसे पीडब्ल्यूए जिन्हें शॉर्टकट का इस्तेमाल करके इंस्टॉल किया जाता है:
- होम स्क्रीन पर ब्राउज़र-बैज वाला आइकॉन रखें (ये उदाहरण देखें).
- लॉन्चर में या सेटिंग और ऐप्लिकेशन में कोई आइकॉन न हो.
- ऐसी किसी भी सुविधा का इस्तेमाल नहीं किया जा सकता जिसके लिए इंस्टॉलेशन की ज़रूरत हो.
- वे ऐप्लिकेशन के आइकॉन और ऐप्लिकेशन का मेटाडेटा अपडेट नहीं कर सके.
- एक ही ब्राउज़र का इस्तेमाल करके, कई बार इंस्टॉल किया जा सकता है; ऐसा होने पर, सभी इंस्टेंस एक ही जगह पर पॉइंट करेंगे और एक ही स्टोरेज का इस्तेमाल करेंगे.
QuickApps
Huawei और ZTE जैसी कुछ कंपनियां, QuickApps के नाम से एक प्लैटफ़ॉर्म उपलब्ध कराती हैं. इस प्लैटफ़ॉर्म की मदद से, पीडब्ल्यूए की तरह ही हल्के-फुल्के वेब ऐप्लिकेशन बनाए जाते हैं. हालांकि, इसके लिए अलग-अलग टेक्नोलॉजी स्टैक का इस्तेमाल किया जाता है. इन डिवाइसों पर मौजूद कुछ ब्राउज़र, जैसे कि Huawei ब्राउज़र, QuickApp के तौर पर पैकेज किए गए PWA इंस्टॉल कर सकते हैं. भले ही, QuickApp स्टैक का इस्तेमाल न किया जा रहा हो.
जब आपका PWA एक QuickApp के तौर पर इंस्टॉल होता है, तो उपयोगकर्ताओं को ठीक वैसा ही अनुभव मिलेगा जैसा उन्हें शॉर्टकट के लिए मिलता था. हालांकि, इसमें एक आइकॉन बैज के साथ QuickApps आइकॉन (चमकने वाली इमेज) होता है. यह ऐप्लिकेशन, QuickApp Center से लॉन्च करने के लिए भी उपलब्ध होगा.
इंस्टॉल करने के लिए निर्देश
डेस्कटॉप और Android डिवाइसों पर Chromium पर आधारित ब्राउज़र में, आपके PWA से, ब्राउज़र के इंस्टॉल करने के डायलॉग को ट्रिगर किया जा सकता है. इंस्टॉल करने के अनुरोध वाले चैप्टर में, ऐसा करने के पैटर्न और उन्हें लागू करने के तरीके के बारे में बताया गया है.
ऐप्लिकेशन कैटलॉग और स्टोर
आपके PWA को ऐप्लिकेशन कैटलॉग और स्टोर में भी शामिल किया जा सकता है, ताकि इसकी पहुंच बढ़ाई जा सके. इससे, लोग आपके PWA को उसी जगह पर ढूंढ पाएंगे जहां उन्हें अन्य ऐप्लिकेशन मिलते हैं. ज़्यादातर ऐप कैटलॉग और स्टोर, ऐसी टेक्नोलॉजी के साथ काम करते हैं जो आपको ऐसा पैकेज पब्लिश करने की सुविधा देती हैं जिसमें पूरे वेब ऐप्लिकेशन (जैसे कि आपका एचटीएमएल और ऐसेट) को शामिल नहीं किया जाता. इन टेक्नोलॉजी की मदद से, स्टैंडअलोन वेब रेंडरिंग इंजन का सिर्फ़ एक लॉन्चर बनाया जा सकता है. इससे ऐप्लिकेशन लोड होगा और सर्विस वर्कर ज़रूरी ऐसेट कैश मेमोरी में सेव कर पाएगा.
पीडब्ल्यूए पब्लिश करने की सुविधा वाले ऐप्लिकेशन कैटलॉग और स्टोर:
- Android और ChromeOS के लिए Google Play Store पर, भरोसेमंद वेब गतिविधि का इस्तेमाल करें.
- iOS, macOS, और iPadOS के लिए, WKWebView और App-Bound Domains का इस्तेमाल करने वाले Apple App Store.
- APPX पैकेज का इस्तेमाल करके, Windows 10 और 11 के लिए Microsoft Store.
- Samsung Galaxy Store, Samsung WebAPK मिंटिंग सर्वर का इस्तेमाल करने वाला.
- आपके एचटीएमएल ऐप्लिकेशन के लिए QuickApp कंटेनर का इस्तेमाल करके, Huawei AppGallery.
अगर आपको ऐप्लिकेशन कैटलॉग और स्टोर के लिए पीडब्ल्यूए पब्लिश करने के तरीके के बारे में ज़्यादा जानना है, तो BubbleWrap सीएलआई और पीडब्ल्यूए बिल्डर देखें.
संसाधन
- इंस्टॉल करने के लिए क्या ज़रूरी है
- Android पर WebAPK
- पीडब्ल्यूए इंस्टॉलेशन का प्रमोशन करने के लिए पैटर्न
- अपने Android ऐप्लिकेशन में PWA का इस्तेमाल करना
- Google Play में अपने प्रोग्रेसिव वेब ऐप्लिकेशन को सूची में जोड़ना
- Microsoft Store में अपना PWA सबमिट करना
- App Store पर PWA पब्लिश करना
- वेबकिट: ऐप्लिकेशन वाले डोमेन