एक प्रोग्रेसिव वेब ऐप मूल रूप से एक वास्तविक पूर्ण ऐप का हल्का संस्करण है। यदि आप इन ऐप्स को एंड्रॉइड के लिए क्रोम में इंस्टॉल करते हैं, तो आपके भविष्य के PWA ऐप इंस्टॉल नेटिव ऐप इंस्टॉल की तरह दिखेंगे।
ऐसा इसलिए है क्योंकि गूगल एक नया PWA इंस्टॉल UI रोल आउट कर रहा है जो प्ले स्टोर UI जैसा दिखता है।
क्रोम में वर्तमान PWA इंस्टॉल
वर्तमान में, यदि आप एंड्रॉइड पर क्रोम में एक समर्थित साइट खोलते हैं, तो आपको नीचे एक छोटा बैनर मिलता है जो ऐप को होम स्क्रीन पर जोड़ने के लिए कहता है। इस तरह आप वर्तमान में एंड्रॉइड पर क्रोम में प्रोग्रेसिव वेब ऐप्स इंस्टॉल करते हैं।
यह इंस्टॉल UI नेटिव ऐप इंस्टॉल UI की तरह नहीं दिखता या महसूस होता है।
एंड्रॉइड के लिए क्रोम में नया PWA इंस्टॉल UI
जैसा कि क्रोम डेवलपर्स द्वारा ट्विटर पर घोषित किया गया, गूगल एंड्रॉइड पर क्रोम के लिए प्रोग्रेसिव वेब ऐप्स के लिए एक समृद्ध इंस्टॉल UI ला रहा है।
यह UI काफी हद तक वैसा ही दिखता है जैसा आप आधिकारिक गूगल प्ले स्टोर में देखते हैं। इसमें ऐप का नाम, एक छोटा विवरण, कुछ स्क्रीनशॉट और यहां तक कि एक इंस्टॉल बटन भी होता है।
नया PWA UI कैसा दिखता है
चूंकि यह नया UI अभी-अभी रोल आउट हुआ है, इसलिए इस नए यूजर इंटरफेस का उपयोग करने वाले कई ऐप नहीं हैं। ट्विटर अपने प्रोग्रेसिव वेब ऐप के लिए इस इंस्टॉल इंटरफेस का उपयोग करने वाला पहला है।
इस नए इंस्टॉल UI में, अब आपके पास ऐप का एक छोटा विवरण, जिस ऐप को आप इंस्टॉल करने वाले हैं उसके कुछ स्क्रीनशॉट, और प्रॉम्प्ट के ऊपरी-दाएं कोने में एक इंस्टॉल बटन होता है।
इस बटन पर टैप करने से PWA आपके फोन पर इंस्टॉल हो जाता है; यह आपको लगभग वही एहसास देता है जैसे आप प्ले स्टोर ऐप इंस्टॉल कर रहे हों।
अपने ऐप के लिए नए UI का उपयोग कैसे करें
यदि आप एक डेवलपर हैं, तो आपको इस नए इंस्टॉल UI का उपयोग करने के लिए अपने मैनिफेस्ट में दो सदस्यों को जोड़ना होगा। अपने मैनिफेस्ट फाइल में description और screenshots सदस्यों को जोड़ें, और एंड्रॉइड के लिए क्रोम आपके प्रोग्रेसिव वेब ऐप इंस्टॉल के लिए नए UI का उपयोग करेगा।
अपने ऐप में छवियों को जोड़ते समय निम्नलिखित बातों का ध्यान रखें:
- छवियों की चौड़ाई और ऊंचाई कम से कम 320px और अधिकतम 3840px होनी चाहिए।
- आपके स्क्रीनशॉट का पहलू अनुपात समान होना चाहिए।
- आपके स्क्रीनशॉट JPG या PNG फ़ाइल प्रारूप का उपयोग करना चाहिए।
- अधिकतम आयाम न्यूनतम आयाम से दोगुना से अधिक बड़ा नहीं हो सकता।
आवश्यक परिवर्तन करने के बाद, आपका प्रोग्रेसिव वेब ऐप इंस्टॉलेशन नेटिव ऐप इंस्टॉलेशन की तरह दिखेगा।
क्रोम में PWA के लिए समृद्ध इंस्टॉल इंटरफ़ेस
प्रोग्रेसिव वेब ऐप डेवलपर्स अब अपने ऐप्स को एंड्रॉइड पर क्रोम में एक समृद्ध इंस्टॉल प्रॉम्प्ट का उपयोग करने के लिए बना सकते हैं। यह अधिक लोगों को आपके ऐप को अपने फोन पर इंस्टॉल करने के लिए प्रोत्साहित करेगा।
यदि आप एक अंतिम-उपयोगकर्ता हैं, तो अब आप अपने फोन पर इंस्टॉल करने से पहले PWA के बारे में अधिक विवरण देख सकते हैं।
