-
संसाधन
- एआई और वेब
- तेज़ लोड समय
- वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के बारे में जानें
- पहचान
- प्रोग्रेसिव वेब ऐप्लिकेशन
- भुगतान
- सूचनाएं
- आईएनपी को ऑप्टिमाइज़ करने का तरीका
- नेटवर्क की विश्वसनीयता
- React
- ऐनिमेशन
- मिनी ऐप्लिकेशन
- मीडिया
- पूरी तरह सुरक्षित
- WebAssembly
- डिवाइस
- आसानी से खोजे जाने लायक
- ऑटोमेशन की जांच करें
- Angular
- डिस्कवर
- बेसलाइन
- बेसलाइन इस्तेमाल करने का तरीका
- ब्लॉग
- केस स्टडी
शुरुआती जानकारी
- प्रोग्रेसिव वेब ऐप्लिकेशन क्या हैं?
- एक अच्छा प्रोग्रेसिव वेब ऐप्लिकेशन क्या होता है?
इसे इंस्टॉल करने लायक बनाएं
- इसे इंस्टॉल करने के लिए क्या ज़रूरी है?
- ऐप्लिकेशन के अंदर इंस्टॉल करने का अनुभव देने का तरीका
- इंस्टॉल करने की रणनीति तय करने का तरीका
ऐप्लिकेशन जैसा उपयोगकर्ता अनुभव दें
- अपने PWA को एक ऐप्लिकेशन की तरह बनाएं
- अपने प्रोग्रेसिव वेब ऐप्लिकेशन को धीरे-धीरे और बेहतर बनाएं
बेहतर विषय
- एक से ज़्यादा मूल साइटों में प्रोग्रेसिव वेब ऐप्लिकेशन
- एक ही डोमेन पर, कई प्रोग्रेसिव वेब ऐप्लिकेशन बनाना
- ऑफ़लाइन UX डिज़ाइन से जुड़े दिशा-निर्देश
- ऑफ़लाइन फ़ॉलबैक पेज बनाना
- ऐप स्टोर में PWA
- Chrome, वेब ऐप्लिकेशन मेनिफ़ेस्ट के अपडेट कैसे मैनेज करता है
केस स्टडी
- प्रोग्रेसिव वेब ऐप्लिकेशन, कारोबार को सफल कैसे बना सकते हैं
- वेब वर्शन के पक्ष में Excalidraw Electron का इस्तेमाल बंद करना
- Clipchamp के वीडियो एडिटर के PWA इंस्टॉल में, हर महीने 97% की बढ़ोतरी हुई
- PWA के उपयोगकर्ताओं की, Gravit Designer PRO खरीदने की संभावना 2.5 गुना ज़्यादा होती है
- JD.ID, कैश मेमोरी में सेव करने की रणनीतियों, इंस्टॉलेशन, और पुश नोटिफ़िकेशन की मदद से, अपने मोबाइल कन्वर्ज़न रेट को 53% बेहतर बनाता है
- PWA में Rakuten 24 की मदद से, उपयोगकर्ताओं को अपने साथ जोड़े रखने में 450% की बढ़ोतरी हुई
- ZDF ने ऑफ़लाइन और गहरे रंग वाले मोड का इस्तेमाल करके, वीडियो PWA कैसे बनाया
- Goibibo के PWA ने कन्वर्ज़न में 60% की बढ़ोतरी कैसे की
- Google में PWA बनाना, भाग 1
इसे इंस्टॉल करने के लिए क्या ज़रूरी है?

प्रोग्रेसिव वेब ऐप्लिकेशन (PWA), वेब टेक्नोलॉजी का इस्तेमाल करके बनाए गए आधुनिक और अच्छी क्वालिटी वाले ऐप्लिकेशन होते हैं. PWAs, मोबाइल और डेस्कटॉप ऐप्लिकेशन की तरह ही काम करते हैं. ये नेटवर्क की समस्या होने पर भी भरोसेमंद होते हैं. साथ ही, इन्हें इंस्टॉल किया जा सकता है. इससे लोगों को इन्हें ढूंढने और इस्तेमाल करने में आसानी होती है.
ज़्यादातर उपयोगकर्ताओं को ऐप्लिकेशन इंस्टॉल करने के बारे में पता होता है. साथ ही, उन्हें इंस्टॉल किए गए ऐप्लिकेशन के फ़ायदों के बारे में भी पता होता है. इंस्टॉल किए गए ऐप्लिकेशन, ऑपरेटिंग सिस्टम के लॉन्च सरफेस पर दिखते हैं. जैसे, macOS X पर Applications फ़ोल्डर, Windows पर Start मेन्यू, और Android और iOS पर होम स्क्रीन. इंस्टॉल किए गए ऐप्लिकेशन भी गतिविधि स्विचर, डिवाइस के सर्च इंजन (जैसे, Spotlight) और कॉन्टेंट शेयर करने वाली शीट में दिखते हैं.
ज़्यादातर ब्राउज़र, उपयोगकर्ता को यह सूचना देते हैं कि आपका प्रोग्रेसिव वेब ऐप्लिकेशन (पीडब्ल्यूए) इंस्टॉल किया जा सकता है. हालांकि, इसके लिए कुछ शर्तें पूरी होनी चाहिए. उदाहरण के लिए, पता बार में मौजूद 'इंस्टॉल करें' बटन या ओवरफ़्लो मेन्यू में मौजूद 'इंस्टॉल करें' मेन्यू आइटम.
के बारे में ज़्यादा जानें.
इसके अलावा, शर्त पूरी होने पर कई ब्राउज़र, beforeinstallprompt इवेंट को ट्रिगर करेंगे. इससे आपको ऐप्लिकेशन में कस्टम यूज़र एक्सपीरियंस (यूएक्स) देने में मदद मिलेगी. इससे आपके ऐप्लिकेशन में इंस्टॉल फ़्लो ट्रिगर होगा.
इंस्टॉल करने की शर्तें
Chrome में, आपके प्रोग्रेसिव वेब ऐप्लिकेशन को beforeinstallprompt इवेंट ट्रिगर करने और ब्राउज़र में ऐप्लिकेशन इंस्टॉल करने का प्रमोशन दिखाने से पहले, इन शर्तों को पूरा करना होगा:
- वेब ऐप्लिकेशन पहले से इंस्टॉल नहीं है.
- उपयोगकर्ता की दिलचस्पी के अनुमान से जुड़े सिद्धांतों के मुताबिक हो:
- उपयोगकर्ता को पेज पर कम से कम एक बार क्लिक या टैप करना होगा. ऐसा किसी भी समय किया जा सकता है. भले ही, पेज पहले लोड हो चुका हो.
- उपयोगकर्ता ने पेज को कम से कम 30 सेकंड तक देखा हो.
- एचटीटीपीएस पर ऐक्सेस होना चाहिए.
- इसमें वेब ऐप्लिकेशन मेनिफ़ेस्ट शामिल होता है. इसमें ये शामिल हैं:
short_nameयाnameicons- इसमें 192 पिक्सल और 512 पिक्सल का आइकॉन शामिल होना चाहिएstart_urldisplay- इसकी वैल्यूfullscreen,standalone,minimal-uiयाwindow-controls-overlayमें से कोई एक होनी चाहिएprefer_related_applicationsमौजूद नहीं होना चाहिए याfalseहोना चाहिए
अन्य ब्राउज़र में भी इंस्टॉल करने के लिए ऐसी ही शर्तें होती हैं. हालांकि, इनमें थोड़ा अंतर हो सकता है. पूरी जानकारी के लिए, इन साइटों पर जाएं:
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2024-09-19 (UTC) को अपडेट किया गया.