एक प्रगतिशील वेब ऐप बनाएं जिसे स्थापित किया जा सकता है और प्रत्येक क्लाइंट पर चलाया जा सकता है

पर्यावरण

दृश्य स्टूडियो

• विजुअल स्टूडियो 2019

.NET

• .NET 5.0

एक प्रगतिशील वेब App (PWA) क्या है?

सीधे शब्दों में कहें, तो यह एक ऐसा एप्लिकेशन है जो आपको विंडोज पीसी, आईफोन या एंड्रॉइड जैसे प्रत्येक डिवाइस पर वेब एप्लिकेशन इंस्टॉल करने और उपयोग करने की अनुमति देता है।

Blazor WebAssembly की वास्तविकता एक मानकीकृत WebAssembly ही है, इसलिए उपरोक्त कार्यान्वयन संभव है। यह मूल रूप से वेब एप्लिकेशन-आधारित है, लेकिन आप प्लस अल्फा में पुश नोटिफिकेशन जैसी देशी सुविधाओं का भी उपयोग कर सकते हैं।

उपयोगकर्ता के लिए स्थापना प्रक्रिया भी बहुत सरल है, क्योंकि यह केवल लक्ष्य पृष्ठ पर जाने और इंस्टॉल बटन दबाने के लिए आवश्यक है।

एक Blazor WebAssembly PWA प्रोजेक्ट बनाना

यह मूल रूप से एक Blazor WebAssembly परियोजना बनाने के रूप में ही है।

बस परियोजना के रूप में आप सामान्य रूप से होगा बनाने के लिए, और जब आप नीचे "अतिरिक्त जानकारी" स्क्रीन पर आते हैं, तो बस "प्रगतिशील वेब अनुप्रयोग" की जाँच करें।

PWA-विशिष्ट सुविधाओं के अलावा, Blazor WebAssembly विकास अनिवार्य रूप से PWA-मुक्त पैटर्न के समान है।

गैर-पीडब्ल्यूए परियोजनाओं से अंतर

जब आप PWA में कोई प्रोजेक्ट बनाते हैं, तो आपको कुछ और फ़ाइलें मिलती हैं.

इसके अलावा, जब आप खोलते हैं,index.html तो कुछ कोड जोड़ा जाता है जो इन फ़ाइलों को संदर्भित करता है।

एक PWA का प्रयास करें

डीबगिंग के लिए प्रोजेक्ट चलाएँ।

निष्पादन नमूना पीडब्ल्यूए के बिना पैटर्न के समान है, लेकिन जब पीडब्ल्यूए के साथ चलाया जाता है, तो आप देख सकते हैं कि वेब ब्राउज़र में एक इंस्टॉल बटन जोड़ा गया है।

जब आप इसे क्लिक करते हैं, तो स्थापित करने के लिए एक पुष्टिकरण प्रदर्शित होता है, इसलिए मैं स्थापित करने का प्रयास करूंगा।

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

चूंकि यह स्थापित है, इसलिए इसे इस तरह से स्टार्ट मेनू में पंजीकृत किया जाएगा और आप इसे शुरू करने में सक्षम होंगे।

हालांकि, चूंकि सामग्री एक वेब ऐप है, इसलिए इसका उपयोग तब तक नहीं किया जा सकता है जब तक कि कोई सर्वर न हो जो सामग्री डाउनलोड कर सके। उदाहरण के लिए, यदि आप इसे डीबग रन के दौरान स्थापित करते हैं, तो आप तब तक स्थापित अनुप्रयोग का उपयोग नहीं कर सकते जब तक कि आपने डीबगिंग के लिए IIS Express प्रारंभ नहीं किया है. यह भी ध्यान दें कि PWAs एक https कनेक्शन के बिना स्थापित नहीं किया जा सकता है।

स्थापना रद्द करना

स्थापना रद्द करने की प्रक्रिया एक नियमित रूप से स्थापित अनुप्रयोग के लिए के रूप में ही है। कार्रवाई विधि स्थापना के लक्ष्य प्लेटफ़ॉर्म पर निर्भर करती है।

Changelog

2022/7/13

• जोड़ा गया स्पष्टीकरण है कि https PWA स्थापित करने के लिए आवश्यक है।

2022/3/30

• प्रथम संस्करण