एक वेब एप्लिकेशन को इंस्टॉल करने योग्य ऑफ़लाइन PWA में बदलें

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

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

प्रदर्शन और विश्वसनीयता परिणाम का हिस्सा हैं: ऐप को इंस्टॉल करने की ऑडिट पास करनी चाहिए, ऑफ़लाइन स्टब पृष्ठ के साथ ठीक से गिरना चाहिए और डेस्कटॉप उपयोगकर्ताओं के लिए मौजूदा व्यवहार को नहीं तोड़ना चाहिए।

— शेल और संसाधनों के कैशिंग के साथ सेवा कार्यकर्ता
— ऑफ़लाइन स्टब पृष्ठ और API पढ़ें कैश
— वेब ऐप मैनिफेस्ट, आइकन और इंस्टॉल हैंडलिंग
— पुश सूचनाएँ: अनुमति, सदस्यता, परीक्षण भेजना
— इंस्टॉल करने की ऑडिट/लाइटहाउस PWA पास करना
— तैनाती और कैश संस्करण के लिए दस्तावेज़ीकरण