इसे इंस्टॉल करने के लिए क्या ज़रूरी है?

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

ज़्यादातर उपयोगकर्ताओं को ऐप्लिकेशन इंस्टॉल करने और इंस्टॉल किए गए अनुभव के फ़ायदों के बारे में पता है. इंस्टॉल किए गए ऐप्लिकेशन ऑपरेटिंग सिस्टम लॉन्च प्लैटफ़ॉर्म पर दिखते हैं, जैसे कि Mac OS X पर ऐप्लिकेशन फ़ोल्डर, Windows पर स्टार्ट मेन्यू और Android और iOS की होम स्क्रीन. इंस्टॉल किए गए ऐप्लिकेशन, गतिविधि स्विचर, डिवाइस सर्च इंजन, जैसे कि Spotify, और कॉन्टेंट शेयर करने वाली शीट में भी दिखते हैं.

ज़्यादातर ब्राउज़र, उपयोगकर्ता को यह बताते हैं कि आपका प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) कुछ शर्तों को पूरा करने के बाद ही इंस्टॉल किया जा सकता है. उदाहरण के तौर पर, पता बार में 'इंस्टॉल करें' बटन या ओवरफ़्लो मेन्यू में 'इंस्टॉल करें' मेन्यू आइटम शामिल होता है.

खोज वाली पट्टी का स्क्रीनशॉट, जिसमें इंस्टॉल इंडिकेटर दिख रहा है.
ब्राउज़र से इंस्टॉल करने का प्रमोशन (डेस्कटॉप)
ब्राउज़र की ओर से दिए गए इंस्टॉल प्रमोशन का स्क्रीनशॉट.
ब्राउज़र से मिलने वाला इंस्टॉल प्रमोशन (मोबाइल)

इसके अलावा, शर्तें पूरी होने पर, कई ब्राउज़र beforeinstallprompt इवेंट ट्रिगर करेंगे. इससे, आपको ऐप्लिकेशन के अंदर पसंद के मुताबिक ऐसा UX दिया जा सकेगा जो आपके ऐप्लिकेशन में इंस्टॉल फ़्लो को ट्रिगर करेगा.

इंस्टॉल करने की शर्तें

Chrome में, आपके प्रोग्रेसिव वेब ऐप्लिकेशन को नीचे दी गई शर्तों को पूरा करना होगा. इसके बाद ही, वह beforeinstallprompt इवेंट को ट्रिगर करेगा और ब्राउज़र में इंस्टॉल प्रमोशन दिखाएगा:

  • वेब ऐप्लिकेशन पहले से इंस्टॉल नहीं है
  • उपयोगकर्ता के जुड़ाव के अनुभव के हिसाब से:
    • उपयोगकर्ता ने पेज पर कम से कम एक बार (किसी भी समय, यहां तक कि पिछली बार पेज लोड होने के दौरान भी) क्लिक या टैप किया हो
    • उपयोगकर्ता ने पेज को (किसी भी समय) कम से कम 30 सेकंड तक देखा हो
  • एचटीटीपीएस पर दिखाया जाना
  • ऐसा वेब ऐप्लिकेशन मेनिफ़ेस्ट शामिल है जिसमें ये चीज़ें शामिल हैं:
    • short_name या name
    • icons - इसमें 192 पिक्सल और 512 पिक्सल का आइकॉन होना ज़रूरी है
    • start_url
    • display - fullscreen, standalone या minimal-ui में से एक होना चाहिए
    • prefer_related_applications मौजूद नहीं होना चाहिए या false होना चाहिए

दूसरे ब्राउज़र में इंस्टॉल करने के लिए इसी तरह की शर्तें होती हैं. हालांकि, उनमें मामूली अंतर हो सकते हैं. पूरी जानकारी के लिए संबंधित साइटों को देखें: