2020 में प्रगतिशील वेब अनुप्रयोग

KDPV पर - सैमसंग इंटरनेट ब्राउज़र टीम द्वारा बनाया गया एक स्टिकर

स्टीव जॉब्स को पहली बार वेब एप्लिकेशन का विचार पेश किए 12 साल से अधिक समय बीत चुका है , "जो मूल अनुप्रयोगों की तरह ही दिखता है और व्यवहार करता है । " "PWA" शब्द के आगमन के 4 साल से अधिक समय बीत चुके हैं। 2020 की शुरुआत में प्रगतिशील वेब अनुप्रयोग क्या हैं? 2019 में इकोसिस्टम में शामिल की गई कौन सी चीजें आपको याद रह सकती हैं? आइए जानें।

लगभग। अनुवादक: ट्वीट्स के स्क्रीनशॉट - क्लिक करने योग्य

प्रायोजक का संदेश (मूल लेखक)

पिछले साल मैंने PWA के बारे में कई अद्यतन सेमिनार और प्रस्तुतियाँ आयोजित कीं, जिनमें से कुछ रिकॉर्ड पर उपलब्ध हैं। यदि आप एक Pluralsight ग्राहक हैं, PWA की जाँच करें : बिग पिक्चर कोर्स, और यदि आप एक O'Reilly लर्निंग सब्सक्राइबर हैं, तो वेब परफॉर्मेंस बेसिक्स लर्निंग पाथ । यदि आप मेरी नई पोस्ट की ईमेल सूचनाएँ प्राप्त करना चाहते हैं, तो आप यहाँ सदस्यता ले सकते हैं ।

यदि आप अपनी कंपनी या सम्मेलन के लिए एक कार्यशाला या परामर्श में रुचि रखते हैं, तो मुझसे संपर्क करें ।

परिभाषा

PWA की परिभाषा पत्थर में कभी नहीं उकेरी गई है, और यह लेखक से लेखक तक भिन्न हो सकती है। मैं, 2020 के समय में, कहूँगा कि PWA APIs का उपयोग करके वेब-आधारित अनुप्रयोगों को विकसित करने के लिए एक डिज़ाइन पैटर्न है जैसे संसाधन प्रबंधन के लिए सेवा कार्यकर्ता, ब्राउज़र के माध्यम से स्थापना के लिए वेब ऐप मैनिफेस्ट, वितरण के लिए विश्वसनीय वेब गतिविधि Play Store और अन्य।

JSConf यूरोप 2019 में मेरे भाषण से आधुनिक PWA धोखा शीट

के उपयोग

यह जानकारी प्राप्त करना मुश्किल है कि इंस्टालेशन के मामले में कितनी कंपनियां PWA बनाती हैं या उपयोगकर्ता उनसे कैसे प्रतिक्रिया करते हैं। 2019 में, मुझे वास्तव में PWA का उपयोग करने वाली कंपनियों की संख्या में वृद्धि महसूस नहीं हुई, या उपयोगकर्ता सक्रिय रूप से उन पर स्विच कर रहे हैं। कुछ निचे हैं, जैसे कि ऐसे लोग जो मूल एप्लिकेशन को हटाकर अपनी गोपनीयता की परवाह करते हैं, लेकिन यह बाजार का एक छोटा सा हिस्सा है।

2019 में, हमने दुनिया की सबसे अधिक देखी जाने वाली साइटों में से एक PWA में संक्रमण देखा: YouPorn, लेकिन हमें PWA संस्करण का उपयोग करने के बारे में कोई जानकारी नहीं है। आप यहां YP PWA के बारे में पढ़ सकते हैं (कोई पोर्न लिंक नहीं है, चुपचाप खोलें)।

दुनिया में सबसे अधिक देखी जाने वाली साइटों में से एक अब एक प्रगतिशील वेब एप्लिकेशन है।

नया क्या है (डेवलपर्स, साइट मालिकों और उपयोगकर्ताओं के लिए) यह है कि PWA अब एक कंप्यूटर के डेस्कटॉप पर स्थापित किया जा सकता है। मैंने अभी तक पर्याप्त PWA को डेस्कटॉप के लिए अनुकूलित नहीं देखा है, लेकिन 2020 में शुरू होने पर, Microsoft अपने नए एज को बढ़ावा देना शुरू कर देगा, और हम इस पर प्रगति देख सकते हैं। 2019 के दौरान, स्टारबक्स और उबेर ने डेस्कटॉप कंप्यूटर पर चलने वाले अपने PWA के बारे में बात करने के लिए समय लिया, उदाहरण के लिए, लेख में उबर के लिए अधिक सहज बुकिंग प्रवाह का निर्माण किया ।

प्रोडक पहले PWA डेस्कटॉप अनुकूलित कंप्यूटरों में से एक है जिसे मैंने 2019 की शुरुआत में पाया था।

हमारे पास PWA का हालिया डेटा सैमसंग इंटरनेट ब्राउज़र का डेटा है:

@Samsunginternet पर WebAPK की शक्ति: इस वर्ष 80,000 डोमेन के साथ प्रगतिशील वेब अनुप्रयोगों की 20 मिलियन से अधिक स्थापना। बहुत प्रभावशाली है।

इस प्रकार, अप्रैल और दिसंबर 2019 के बीच, हमारे पास 80,000 अलग-अलग डोमेन हैं, जिनमें कम से कम एक PWA अंदर है; हालांकि यह विभिन्न PWA की सही संख्या नहीं होगी, यह एक अच्छा अनुमान है। सैमसंग इंटरनेट सभी उपयोगकर्ताओं का लगभग 6% है, इसलिए बड़ी संख्या में लोग संपूर्ण वेब के इस मूल्य प्रतिनिधि को मानते हैं।

आप कह सकते हैं कि प्ले स्टोर पर 2.9 मिलियन ऐप या ऐप स्टोर पर 3.9 मिलियन ऐप की तुलना में, यह इतना अच्छा नहीं है। लेकिन एक ही समय में, हम नहीं जानते कि पिछले 9 महीनों में इन लाखों आवेदनों में से कितने कम से कम एक बार स्थापित किए गए हैं, इसलिए किसी भी मामले में तुलना उचित नहीं होगी। इसके अलावा, चूंकि हमें डोमेन के बारे में जानकारी है, और विभिन्न PWA के बारे में नहीं है, इसलिए दुकानों में विभिन्न प्रकाशकों की संख्या के साथ 80,000 की तुलना करना अच्छा होगा, जो कि प्ले स्टोर में लगभग 800,000 और AppStore में 792,000 है। इन नंबरों को लेते हुए, हम कह सकते हैं कि देशी अनुप्रयोगों के संबंध में PWA 10% है। लेकिन हमें याद रखना चाहिए कि स्टोर से नए डाउनलोड का 80% केवल प्रकाशकों के 1% से आता है । और अब, Google Play Store में PWA के आगमन के साथ, तुलना और भी जटिल हो जाएगी।

मंच

प्रगतिशील वेब एप्लिकेशन पूरी तरह से 93% इंटरनेट उपयोगकर्ताओं द्वारा ब्राउज़रों में (सर्विस वर्कर्स सहित) समर्थित हैं।

PWA को 86% उपयोगकर्ताओं (82% - ब्राउज़र से, 4% - केवल एप्लिकेशन स्टोर से, और मौजूदा ब्राउज़र से नहीं) में स्थापित किया जा सकता है ।

हम Android, iOS, iPadOS, विंडोज 10 ( और भविष्य 10X), विंडोज 7, विंडोज 8.x, Xbox One, macOS, लिनक्स (64-बिट), क्रोम OS और kaiOS पर PWA स्थापित कर सकते हैं।

आप उल्लेख कर सकते हैं कि PWA को स्मार्ट घड़ियों, स्मार्ट टीवी, Apple TV, Chromecast, Android TV, PlayStation, Tesla कारों (हाँ, इन मशीनों में एक ब्राउज़र है), अन्य गेम कंसोल, डिजिटल सहायक (जैसे Facebook पोर्टल, Nest Home) पर स्थापित नहीं किया जा सकता है या अमेज़ॅन इको) या आभासी वास्तविकता और संवर्धित वास्तविकता हेलमेट और काले चश्मे जैसे ओकुलस उत्पाद।

मैं आभासी और संवर्धित वास्तविकता, डिजिटल सहायकों और गेम कंसोल के लिए हेलमेट और चश्मे पर PWA की क्षमता देखता हूं, लेकिन वे अपनी कंपनियों में आंतरिक राजनीति के साथ कुछ संघर्ष का सामना कर सकते हैं।

उन प्लेटफ़ॉर्म पर विचार करें जहाँ हम पहले से ही जनवरी 2020 में PWA स्थापित कर सकते हैं:

एंड्रॉयड

हम निम्नलिखित तरीकों से एंड्रॉइड डिवाइस (फोन और टैबलेट) पर उन्नत वेब एप्लिकेशन इंस्टॉल कर सकते हैं:

• ब्राउज़र से स्थापना : क्रोम ( वेबएपीके ) / फ़ायरफ़ॉक्स / सैमसंग इंटरनेट ( केवल सैमसंग उपकरणों पर वेबैप ) / यूसी / एज / ओपेरा / बहादुर / Baidu। अन्य ब्राउज़रों में भी यह सुविधा हो सकती है (मुख्यतः क्योंकि वे क्रोमियम पर आधारित हैं), लेकिन वहाँ यह बहुत छोटी गाड़ी है।
  आप फेसबुक मोबाइल ब्राउज़र, फ़ायरफ़ॉक्स प्रीव्यू, वेबव्यू, कस्टम टैब या क्रोम फॉर डेड्रीम (वीआर मोड) से पीडब्ल्यूए इंस्टॉल नहीं कर सकते । इसके अलावा, अगर फोन में होम स्क्रीन एप्लिकेशन नहीं है (उदाहरण के लिए, कियोस्क मोड में), तो ब्राउज़र में अजीब चीजें हो सकती हैं।

एंड्रॉइड अभी भी एकमात्र प्लेटफॉर्म है जो वेब ऐप मैनिफेस्ट विनिर्देश में वर्णित सभी तीन एप्लिकेशन मोड का समर्थन करता है।

• कॉर्पोरेट उपयोगकर्ताओं के लिए वितरण : प्रबंधित Google Play iframe , Play Store टीम की एक सेवा जो WebAPK निर्माण का उपयोग करती है और जिसका Chrome टीम (Google नीति, भाग एक) से कोई लेना-देना नहीं है।
• एप्लिकेशन स्टोर : Google Play Store से, विश्वसनीय वेब गतिविधि (TWA) तकनीक के साथ एक Android एप्लिकेशन बनाकर और सैमसंग गैलेक्सी स्टोर से एक विशिष्ट ईमेल पर एप्लिकेशन पता भेजकर और फिर सैमसंग सेवाओं के माध्यम से WebAPK बनाकर। अमेज़ॅन ऐप स्टोर में अमेज़न फायर टैबलेट के लिए वेब एप्लिकेशन प्रकाशित करने का एक तरीका भी है, लेकिन यह एक पुराने प्लेटफ़ॉर्म पर आधारित है जो सभी ईडब्ल्यूए प्रौद्योगिकियों का समर्थन नहीं करता है।

iOS और iPadOS

साइट शॉर्टकट और स्टैंड-अलोन PWA की स्थापना के लिए iPad OS 13 से ऑन-स्क्रीन होम मेनू

हमारे पास iPhone की शुरुआत से ही "होम स्क्रीन वेब एप्लिकेशन" मोड था, लेकिन आइए पहले वर्जन को देखें जो सर्विस वर्कर्स और कम से कम वेब ऐप मैनिफेस्ट का मुख्य हिस्सा है। iOS 13 और iPadOS 13 ऐसे पहले संस्करण हैं जिनमें PWA में वास्तव में एक मूल उपयोगकर्ता इंटरफ़ेस है जो मूल अनुप्रयोगों से मेल खाता है। ऑफ़लाइन मोड (PWA) और सफारी के बीच अभी भी बग और अंतर हैं, जैसे कि कैमरे तक पहुंचने के लिए WebRTC API (क्यूआर कोड को पहचानने जैसी चीजों के लिए उपयोगी)। हालांकि WebKit टीम का कहना है कि वे इस पर काम कर रहे हैं, इसी "बग" 2 साल के लिए खुला है।

इस प्रकार, हम PWA का उपयोग कर स्थापित कर सकते हैं:

• ब्राउज़र से इंस्टॉलेशन : केवल सफारी का उपयोग करना , संस्करण 11.1+ ( संस्करण 13+ उपयोगकर्ता अनुभव को बेहतर बनाता है ) से शुरू होता है। आप सफारी व्यू कंट्रोलर्स से PWA स्थापित नहीं कर सकते हैं (उदाहरण के लिए, जब आप ट्विटर एप्लिकेशन में लिंक पर क्लिक करते हैं) या किसी भी छद्म ब्राउज़र जैसे कि Google Chrome, Firefox, Edge या Facebook Mobile Browser में। यह हमेशा याद रखने योग्य है कि ऐप स्टोर में अन्य इंजन निषिद्ध हैं, इसलिए ऐप स्टोर में वास्तविक "ब्राउज़र" नहीं हैं।
• कॉर्पोरेट उपयोगकर्ताओं के लिए वितरण : मोबाइल उपकरणों (मोबाइल कॉन्फ़िगरेशन फ़ाइल) के लिए कॉन्फ़िगरेशन फ़ाइल से; यह कॉर्पोरेट उपयोगकर्ताओं के लिए अभिप्रेत है, लेकिन यदि वे संबंधित फाइल को स्वीकार करते हैं, तो सामान्य उपयोगकर्ताओं के लिए काम करेंगे। इस स्थिति में, फ़ाइल में एक या अधिक "वेब एप्लिकेशन" हो सकते हैं जिन्हें "ऑफ़लाइन" मोड में चलाया जा सकता है, इसलिए कॉन्फ़िगरेशन फ़ाइल को स्थापित करने के बाद होम स्क्रीन में PWA शामिल होगा।

विंडोज और एक्सबॉक्स

PWA विंडोज उपकरणों पर स्टार्ट मेनू में दिखाई देते हैं

Windows प्लेटफ़ॉर्म पर, आप PWA के माध्यम से स्थापित कर सकते हैं:

• विंडोज़ 10 पर ब्राउज़र से स्थापना : Google Chrome 70+ और Microsoft Edge (जनवरी 2020 में रिलीज़ होने वाले संस्करण के साथ शुरू)। आप संस्करण 15 से पहले फ़ायरफ़ॉक्स, IE, या एज से PWA स्थापित नहीं कर सकते।
• विंडोज 7 / 8.x पर ब्राउज़रों से स्थापना : Google Chrome 70+ और Microsoft एज का भविष्य का संस्करण। आप संस्करण 15 से पहले फ़ायरफ़ॉक्स, IE, या एज से PWA स्थापित नहीं कर सकते।
• विंडोजएक्स (फोल्डिंग) पर ब्राउजर से इंस्टॉलेशन : माइक्रोसॉफ्ट एज (भविष्य में)।
• ऐप स्टोर : विंडोज 10 (डेस्कटॉप और होलोलेंस के लिए) और एक्सबॉक्स वन के लिए माइक्रोसॉफ्ट स्टोर। आप मोबाइल या किसी अन्य विरासत Microsoft मोबाइल OS के लिए विंडोज 10 पर PWA स्थापित नहीं कर सकते ।

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

Microsoft Edge (नया क्रोमियम संस्करण) आपको किसी भी साइट को PWA के रूप में सेट करने की अनुमति देता है, भले ही वह PWA मानदंडों को पूरा न करता हो या भले ही वह 1991 की साइट हो। कंप्यूटर पर Google Chrome में भी यह सुविधा है, लेकिन यह इतना स्पष्ट नहीं है: आपको "उन्नत उपकरण" मेनू का उपयोग करके एक शॉर्टकट बनाने की आवश्यकता है - "शॉर्टकट बनाएं ..." और "एक अलग विंडो में खोलें" पर टिक करें, जो, मुझे ऐसा लगता है बिल्कुल स्पष्ट नहीं है।

दुनिया में पहली साइट macOS पर Microsoft एज का उपयोग करके "एप्लिकेशन" के रूप में स्थापित की गई है

अन्य प्लेटफार्मों

macOS - हम केवल Google Chrome 73+ और एज ब्राउज़र से PWA स्थापित कर सकते हैं। MacOS और Firefox के लिए Safari PWA स्थापना का समर्थन नहीं करता है।

लिनक्स 64-बिट - स्थापना केवल Google Chrome 70+ के माध्यम से संभव है।

क्रोमओएस - ब्राउज़र से इंस्टॉलेशन क्रोमओएस 67+ से शुरू होता है; Chrome TWA उपलब्ध नहीं है।

kaiOS - केवल दुकानों से (kaiStore, JioStore); यह OS पुराने गेको प्लेटफॉर्म पर आधारित है, लेकिन इसमें सेवाकर्मियों का मूल समर्थन है। फीचर फोन के लिए इस प्लेटफॉर्म पर क्या संभव है और क्या नहीं है, इसे समझने के लिए पर्याप्त दस्तावेज नहीं है।

होना या न होना

जबकि अधिकांश ब्राउज़र निर्माताओं ने "प्रगतिशील वेब एप्लिकेशन" शब्द को अपनाया है, एक और है जो अभी भी इसका विरोध करता है: Apple। और यह खबर नहीं है, दो साल पहले मैंने एक ही बात कही थी:

सेवा कार्यकर्ताओं और वेब ऐप मैनिफेस्ट के समर्थन और विकास के बावजूद, Apple में से कोई भी PWA शब्द का उपयोग नहीं करता है।

2019 में, मैंने सबसे पहले वेबकीट या ऐप्पल टीमों से पीडब्ल्यूए शब्द को सुना, लेकिन उस तरीके से नहीं जिस तरह हम उम्मीद कर सकते हैं; उन्होंने बस उसे यह कहते हुए सौंप दिया कि "वह वास्तव में मौजूद नहीं है।" यह कुछ विशिष्टताओं पर चर्चा में और ट्विटर पर है, उदाहरण के लिए, निम्नलिखित सूत्र में:

मुझे गलत मत समझो। PWA शब्द पर चर्चा करते समय WebKit टीम का एक निश्चित दृष्टिकोण है। अतीत में, मैंने PWA शब्द के उपयोग की बार-बार आलोचना की है।

आधिकारिक तौर पर, Apple इस शब्द का उपयोग 2019 में प्रकाशित अपने लेखों में भी नहीं करता है, इस तथ्य के बावजूद कि अधिकांश पाठकों के लिए यह उन शब्दों की तुलना में अधिक समझ में आएगा जो वे "HTML5 अनुप्रयोगों" और "होम स्क्रीन के लिए वेब अनुप्रयोग" का उपयोग करते हैं।

एक आधिकारिक प्रेस विज्ञप्ति जो ऐप स्टोर पर एचटीएमएल 5 ऐप के बारे में बात करती है; हम बाद में इस ऐप स्टोर में PWA को प्रकाशित करने के बारे में बात करेंगे।

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

सफारी - नई IE?

मैं इस विचार से बिलकुल सहमत नहीं हूँ कि Apple इंटरनेट को नुकसान पहुँचाता है या कि "Safari नया IE है"; मैं समझता हूं कि वेबकीट टीम के अपने लक्ष्य हैं जो क्रोमियम साम्राज्य के लक्ष्यों के अनुरूप नहीं हैं। दुर्भाग्य से, ये लक्ष्य हमेशा समुदाय के लिए स्पष्ट और पारदर्शी नहीं होते हैं, और सार्वजनिक चर्चा उनके विचारों को समझने के लिए पर्याप्त नहीं है।

हालाँकि वे आधिकारिक तौर पर PWA शब्द का उपयोग नहीं करते हैं, Apple और WebKit टीम पिछले दो वर्षों में मंच को इस तरह से विकसित कर रहे हैं कि 2020 से iOS और iPadOS पर PWA का उपयोग उपयोगकर्ताओं की न्यूनतम अपेक्षाओं को पूरा करता है।

यहां तक ​​कि खुद Apple ने 2019 के दौरान कई PWA प्रकाशित किए (कुछ मामलों में इसे साकार किए बिना भी):

राजनीति से जुड़ा

बड़ी कंपनियों के कुछ निर्णय जैसे कि Apple और Google, कुछ तकनीकों (जैसे PWA) के लिए, कभी-कभी कॉर्पोरेट नीतियां भी होती हैं। मुझे नहीं लगता कि Apple एकमात्र ऐसी कंपनी है जिसके पास वेब अनुप्रयोगों के साथ कुछ राजनीतिक मुद्दे हैं जो "मूल रूप में दिखते हैं"; जब Google ने विश्वसनीय वेब गतिविधि की शुरुआत की थी, तब Google के पास भी था - प्ले स्टोर में PWA को प्रकाशित करने के लिए तंत्र, लेकिन Google, जिसमें Android, Play Store और Chrome शामिल हैं, एक कंपनी के रूप में, जटिलता के उच्चतम संभव स्तर के सभी घटकों को बनाने की कोशिश की, उन्हें और विकास देने के लिए।

विस्तार

ब्राउज़र से स्थापना

यह PWA के लिए सबसे आम स्थापना परिदृश्य था, लेकिन 2020 के बाद से, मुझे लगता है कि हम अनुप्रयोगों को वितरित करने के अन्य तरीकों की लोकप्रियता में वृद्धि देख सकते हैं।

हमारे उपयोगकर्ता इंटरफ़ेस से PWA को स्थापित करने की क्षमता सफारी या फ़ायरफ़ॉक्स में दिखाई नहीं देगी

इस मुद्दे पर सबसे नया वेब ऐप मैनिफेस्ट विनिर्देश है, जो संभवतः पहले की सिफारिश से हटाने के लिए जा रहा है , और यह केवल क्रोमियम के लिए एक सुविधा बन जाएगा। जैसा कि हम याद करते हैं, यह घटना हमें अपने वेब एप्लिकेशन के उपयोगकर्ता इंटरफ़ेस में अपना "इंस्टॉल" बटन बनाने की अनुमति देती है, जो हमें मैन्युअल रूप से इंस्टॉलेशन डायलॉग लॉन्च करने की अनुमति देती है। सफारी और फ़ायरफ़ॉक्स ने सार्वजनिक रूप से कहा है कि वे इसे लागू करने में रुचि नहीं रखते हैं, इसलिए हमारे पास क्रोमियम साम्राज्य (Google Chrome, Samsung Internet, Microsoft Edge, Brave, आदि) के बाहर यह अवसर नहीं होगा।

मूल WebAPK निर्माण सेवा केवल Google Chrome के लिए उपलब्ध है

एंड्रॉइड पर एक ब्राउज़र से इंस्टॉल करने की बात करते हुए, WebAPK सबसे अच्छा संभव अनुभव प्रदान करता है। इस मामले में, Google Play Store केवल एक ब्राउज़र के रूप में Google Chrome का उपयोग करते समय इंस्टॉल किए गए एप्लिकेशन को पैक करता है और संकेत देता है, एक सार्वजनिक घोषणा के बावजूद कि वे अन्य ब्राउज़र के लिए प्लेटफ़ॉर्म खोलना चाहते हैं।

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

WebAPK बनाने के लिए सैमसंग की अपनी विधि है, जो केवल गैलेक्सी स्टोर इंस्टॉल किए गए सैमसंग उपकरणों पर उपलब्ध है (उनकी अपनी सेवा है, क्योंकि वे ओएस और ब्राउज़र दोनों को भी नियंत्रित करते हैं); अन्य ब्राउज़र, जैसे फ़ायरफ़ॉक्स, ब्रेव या एज, ओएस-स्तर के हस्ताक्षरों की आवश्यकता के कारण इस तकनीक का उपयोग नहीं कर सकते हैं, इसलिए इन ब्राउज़र से स्थापित PWA OS के दृष्टिकोण से कम सक्षम हैं (उदाहरण के लिए, वे अनुप्रयोगों की सामान्य सूची में नहीं दिखाई देते हैं , और मुख्य स्क्रीन पर आइकन अतिरिक्त रूप से एक ब्राउज़र आइकन के साथ चिह्नित है)।

जब आप WebAPK समर्थन के बिना ब्राउज़र का उपयोग करते हैं, तो आपको केवल मुख्य स्क्रीन पर एक आइकन दिखाई देगा।

ऐप स्टोर वितरण

आइए Apple के साथ शुरू करें: 2019 के दौरान, ऐप्पल ने महसूस किया कि उन्हें ऐप स्टोर में उन्नत वेब एप्लिकेशन की आवश्यकता नहीं है ।

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

इसका मतलब यह है कि आपको ऐप स्टोर में एप्लिकेशन नहीं जोड़ना चाहिए जो कि फ्लाई पर जावास्क्रिप्ट लोड करेगा, जिससे आप ऐप स्टोर क्यूए टीम के हस्तक्षेप के बिना आवेदन के व्यवहार को अपडेट कर सकते हैं। अर्थात्, सेवा कार्यकर्ता या किसी अन्य अद्यतन तंत्र को निषिद्ध किया जाता है (सेवा कार्यकर्ता एपीआई WebView में उपलब्ध नहीं है, लेकिन कुछ अन्य कार्यान्वयन हैं)। आप अभी भी अपने सभी संसाधनों को वेब व्यू का उपयोग करके iPhone एप्लिकेशन में एम्बेड कर सकते हैं और उन्हें स्टोर में जोड़ सकते हैं, लेकिन एप्लिकेशन का कोई भी स्वचालित अपडेट, जैसे अन्य प्लेटफार्मों पर उपलब्ध नहीं होगा।

Android पर, Chrome के साथ Google Play Store ने चुपचाप ऐप स्टोर में PWA को स्वीकार करना शुरू कर दिया। वेबव्यू तकनीक यहां शामिल नहीं है, और स्टोर से आवेदन एक ही क्रोम (या किसी अन्य ब्राउज़र) को प्रदर्शित करेगा, जिसमें सभी भंडारण और कुकीज़ का साझाकरण भी काम करेगा। यह विश्वसनीय वेब गतिविधियों के लिए संभव है। यह केवल एप्लिकेशन के URL को प्रकाशित करने के लिए काम नहीं करेगा, आपको अपना PWA लॉन्च करने के लिए एक विशेष एप्लिकेशन प्रकाशित करने की आवश्यकता है, अर्थात आपका अपना एप्लिकेशन जो ब्राउज़र ऑफ़लाइन खोलता है और अपने पते पर PWA की सामग्री प्रदर्शित करता है।

क्रोम देव शिखर सम्मेलन में, ब्राउज़र टीम ने Google Play Store पर OYO लाइट, PWA का उल्लेख किया, जो पहली बार इस बात की पुष्टि करता है कि कुछ महीनों पहले बनाई गई TWA का उपयोग ऐप स्टोर में PWA को वितरित करने के लिए किया जा सकता है।

विश्वसनीय वेब गतिविधियाँ पूरे वर्ष 2019 में उपलब्ध थीं, लेकिन क्रोम ने सार्वजनिक रूप से 10 महीने के लिए प्ले स्टोर पर PWA को प्रकाशित करने के लिए इस तकनीक का उपयोग करने के बारे में बात नहीं की थी (Google नीति, भाग दो; आप कल्पना नहीं कर सकते हैं कि मुझे विभिन्न लोगों से कितने संदेश मिले हैं, जिन्होंने दावा किया कि मैं झूठ बोल रहा था, क्योंकि "टीडब्ल्यूए स्टोर में पीडब्ल्यूए के लिए नहीं है")। , , (, TWA). TWA Chrome. Custom Tabs, , Firefox Samsung Internet, ( Firefox Preview Samsung Internet, Samsung ). , , PWA Play Store.

Samsung Galaxy Store -

2019 Samsung PWA Galaxy Store — , Google Play Store. ( ), PWA «-», , . , .

Microsoft 2017 , Bing - 2018 , Microsoft Store Windows 10. , .

, Microsoft , , PWA, , 2019 , Microsoft , APPX, PWA .

- , , , , , Google - .

PWA ; - ,

, , , . Android Managed Google Play iframe , , PWA . Play Store WebAPK APK- URL- . , , ; , .

Apple (Mobile Configuration File), iOS iPadOS. Apple Configurator 2 , Web Clips ( ). URL- , , , PWA. mobileconfig , iOS/iPadOS , () PWA .

: , , , , -, , PWA Safari. , ; .

PWA 2020 , , :

• Chromium : Fugu , 2019 2020, - Google Chrome, Samsung Internet, Microsoft Edge . , , , ( , WebNFC, PWA, , , ), , (WebAssembly, WebRTC, WebPush, WebAuthn, WebShare, WebXR, RequestPayment . .).

, ( , Android), , , , Android/Play Store Chrome Google: TWA, , 2 , Chrome , Android 8+. Chrome, , , .

• WebKit : , WebKit ( Safari) Chromium , , . ( WebAssembly, WebAuthn ( ), Apple, Apple Pay RequestPayment), , , , , WebPush , WebKit. WebKit « 2020» , .
• : , . — Gecko ( API Chromium, PWA ), kaiOS (, Gecko ), TWA Universal Windows API Windows Store.

2019 , PWA:

PWA CSS-. Web App Manifest . iOS :

तह उपकरण

जबकि तह डिवाइस अभी भी नए हैं, PWA संगत उपकरणों पर काम करेगा। उनके लिए अभी भी कुछ भी ठोस नहीं है, और कुछ प्लेटफार्मों पर पीडब्ल्यूए का उपयोग पूरी तरह से छोटी गाड़ी या स्क्रीन के आकार के लिए एक नियमित रूप से अनुकूलन हो सकता है। कुछ एपीआई सुझाव दिखाई देने लगे हैं जो भविष्य में PWA में मदद करेंगे, जैसे कि विंडोज सेगमेंट एन्यूमरेशन एपीआई ।

नकाबपोश प्रतीक

एंड्रॉइड 8+ ने उत्तरदायी आइकन की अवधारणा को जोड़ते हुए, आइकन के यांत्रिकी को बदल दिया है; लेकिन यह PWA पर लागू नहीं हुआ, इसलिए PWA के अधिकांश आइकन बहुत बुरे लग रहे थे, बस सफेद वृत्त के केंद्र में दिखाई दे रहे थे। वेब प्लेटफॉर्म को इस व्यवहार के अनुकूल होने में काफी समय लगा, और अब नकाबपोश प्रतीक की परिभाषा प्रकट फ़ाइल में उपलब्ध है।

क्रोम अब कैनरी में नकाबपोश आइकन का समर्थन करता है, इसलिए जल्द ही दोनों मानक शॉर्टकट और वेबएपीके के लिए समर्थन होगा; फ़ायरफ़ॉक्स भी इस तकनीक के लिए समर्थन जोड़ रहा है।

उपकरण

प्रगतिशील वेब अनुप्रयोगों के लिए उपकरण भी हाल के वर्षों में सक्रिय रूप से विकसित किए गए हैं। मुझे लगता है कि उनके पास अभी भी बढ़ने के लिए जगह है, लेकिन यहां हमारे पास उन उपकरणों की एक सूची है जो हाल ही में विशेष रूप से PWA के क्षेत्र में विकसित हुए हैं।

एप्लिकेशन स्टोर के लिए जनरेटर

पिछले साल, एंड्रॉइड स्टूडियो और खरोंच से देशी उपकरण का उपयोग किए बिना Google Play Store पर PWA प्रकाशित करने के इच्छुक वेब डेवलपर्स को समर्थन देने के लिए कई उपकरण दिखाई दिए।

pwa2apk Google Play Store पर लाइव होने वाला पहला PWA से PWA रूपांतरण उपकरण है

पहला स्वतंत्र प्रकाशक ऐपमेकर से PWA2APK था, इसके बाद माइक्रोसॉफ्ट से PWA बिल्डर और क्रोम (विकास के तहत) से लामा-पैक था ।

Pwa बिल्डर

Microsoft से टूल सक्रिय रूप से विकसित हो रहा है: PWA बिल्डर 2.0 पिछले साल कई नई सुविधाओं के साथ जारी किया गया था , जिसमें PWA बिल्डर स्कोर और कई अन्य शामिल हैं। वर्ष के दौरान, PWA बिल्डर ने pwa- स्थापित वेब घटक भी जारी किया, जो पहले आइंस्टेलप्रोम्प्ट के व्यवहार को नियंत्रित करता है।

क्रिया में PWA बिल्डर से pwa- स्थापित वेब घटक

भविष्य में, हम देखेंगे कि कैसे यह उपकरण वेब घटकों पर केंद्रित एक नई दिशा में आगे बढ़ता है , जिसमें वेब पुश सपोर्ट, अन्य ओपन सोर्स टूल्स के साथ एकीकरण (जैसे कि लामा-पैक या पीडब्ल्यूए एसेट जनरेटर का उपयोग करना ) शामिल है और कुछ कार्यों को हटाना IOS के लिए एक पैकेज जनरेटर सहित जनरेटर (वास्तव में सिर्फ WebView का उपयोग करके)।

नकाबपोश प्रतीक

यदि आपके पास PWA है, तो आपको वेब एप्लिकेशन के प्रकट होने में एक नकाबपोश आइकन जोड़ना होगा। यदि आपने पहले से ऐसा नहीं किया है, तो आप टाइगर ओक्स के मास्कसेबल एप्लिकेशन से शुरू कर सकते हैं।

आपके PWA आइकन "मास्क" का समय!

प्रकाशस्तंभ

PWA के लिए लाइटहाउस में हाल ही में बड़ा बदलाव यह है कि यह अब iOS / iPadOS के लिए आइकन की जाँच करेगा। मेरा मानना ​​है कि यह बहुत महत्व का होगा, क्योंकि मैंने iOS के लिए एक आइकन के बिना बहुत सारे PWA देखे, और इस पर विशिष्ट प्रतिक्रिया यह थी: "लाइटहाउस ने कहा कि सब कुछ सही था।"

मैंने लाइटहाउस में इस बदलाव पर जोर दिया (आप नीचे दिए गए धागे में क्रोम टीम के साथ चर्चा का अनुसरण कर सकते हैं)

आगे क्या है?

आपको क्या लगता है कि 2020 PWA में लाएगा? इस बारे में टिप्पणियों में लिखें।

मैक्सिमिलियानो फ़र्टमैन एक डेवलपर, ट्रेनर, स्पीकर और लेखों के लेखक हैं। वह कई पुस्तकों के लेखक हैं, जिनमें ओ'रेली मीडिया का उच्च प्रदर्शन मोबाइल वेब शामिल है । वह अक्सर दुनिया भर के सम्मेलनों में बोलते हैं और मोबाइल वेब समुदाय में अपने काम के लिए व्यापक रूप से पहचाने जाते हैं। वह मोबाइल विकास, HTML5, PWA सिखाता है और दुनिया भर की अग्रणी कंपनियों के लिए उत्पादकता प्रशिक्षण आयोजित करता है। उन्होंने कई कंपनियों के उन्नत वेब अनुप्रयोगों पर कई सेमिनारों और पाठ्यक्रमों का आयोजन किया है और ओ'रेली के लिए प्लुरललाइट , लिंक्ड लर्निंग / लिंडा और सफारी जैसे ऑनलाइन प्रकाशनों के लिए। ट्विटर: @firt

एक अनुवादक से: मैंने टेलीग्राम चैट पीडब्ल्यूए में मूल के लिए एक लिंक देखा - रूसी भाषी समुदाय , जो पीडब्ल्यूए से संबंधित समाचार और मुद्दों पर चर्चा करने के लिए एक शानदार जगह है।