विश्वसनीय वेब गतिविधि

क्या आप मुझ पर भरोसा करते हैं?

अब कुछ समय के लिए वेब एप्लिकेशन को ऐप की जटिलता के आधार पर थोड़े से प्रयास के साथ एक नेटिव ऐप में बदला जा सकता है। उदाहरण के लिए, Capacitor.js या Cordova जैसे फ्रेमवर्क ऐसी कार्यक्षमता प्रदान करते हैं और ओपन सोर्स सॉफ़्टवेयर भी हैं। एक वेब ऐप को मूल रूप से पेश करने के लिए, आपको स्थानीय रूप से वेब एप्लिकेशन बनाना होगा, उस ढांचे को बताएं जहां यह बिल्ड आउटपुट स्थित है और मूल रूप से ऐप्स बनने तक प्रतीक्षा करें। मूल अवधारणा यह है कि आपकी वेबसाइट केवल एक एम्बेडेड वेबव्यू में चलती है। खैर, Google द्वारा "विश्वसनीय वेब गतिविधि" शुरू करने से अब एक बार फिर से चीजें बदलने वाली हैं।

पीडब्ल्यूए++

"विश्वसनीय वेब गतिविधि" (TWA) क्या है? यहाँ सार है:

• Google Play Store के संदर्भ में "विश्वसनीय वेब गतिविधि" का उपयोग किया जाता है और एक PWA से उत्पन्न एक देशी Android ऐप
• आप "एसेटलिंक्स" नामक एक क्रेडेंशियल बनाकर एंड्रॉइड ऐप के लिए अपने पीडब्ल्यूए के स्वामित्व को सत्यापित कर सकते हैं - यह वह जगह है जहां Google Play की आवश्यकता है
• इस "एसेटलिंक्स" -फाइल को आपके वेब ऐप की सार्वजनिक निर्देशिका में अपलोड करके, Google PWA के स्वामित्व को सत्यापित कर सकता है जब मूल Android ऐप को कोई नहीं मिलता है लेकिन आप इसे बना सकते हैं

ठीक है, यह TWA के पीछे की अवधारणा का एक संक्षिप्त अवलोकन था। संक्षेप में, "ट्रस्ट" भाग आपके PWA के स्वामित्व के सत्यापन से संबंधित है।

एक नया TWA, कृपया!

ठीक है, लेकिन यह वास्तव में कैसे काम करता है? सेटअप वास्तव में वास्तव में सरल है और इसमें एक घंटे से अधिक समय नहीं लगना चाहिए। यहां बताया गया है कि यह कैसे किया जाता है:

सबसे पहले, सुनिश्चित करें कि आपका PWA सही तरीके से सेट है:

• मेनिफेस्ट.जेसन उपलब्ध और मान्य है
• आइकन + नाम सही हैं
• आप DevTools में इन परिवर्तनों को शीघ्रता से देख सकते हैं

मुख्य पुस्तकालय जो सभी भारी भारोत्तोलन लेगा, उसे "बबलवैप" कहा जाता है, एक नोड.जेएस पैकेज जो एक सीएलआई प्रदान करता है, जो पूरे ट्यूटोरियल में उपयोग करेगा।

सबसे पहले, TWA के लिए "twa" नामक एक नई निर्देशिका बनाएं। "Twa" के अंदर हम "android" नामक एक और निर्देशिका बनाएंगे। "twa" में स्वयं नोड_मॉड्यूल और "एंड्रॉइड" वास्तविक देशी एंड्रॉइड ऐप होगा।

सुनिश्चित करें कि अब आप एक नया npm प्रोजेक्ट शुरू करने के लिए "twa" के अंदर हैं:

npm init -y

अब सीएलआई को देव निर्भरता के रूप में जोड़ें:

npm i -D @bubblewrap/cli

अभी के लिए हमें बस इतना ही चाहिए। आइए "बबलव्रप" -प्रोजेक्ट को फिर से शुरू करें। बस डोमेन को अपने डोमेन से बदलें और जांचें कि "manifest.json" कहां स्थित है। आपसे जावा एसडीके + एंड्रॉइड एसडीके स्थानों के लिए कहा जाएगा, जिन्हें आप पहले से स्थापित होने पर पुन: उपयोग कर सकते हैं:

npx bubblewrap init --manifest=https://your-pwa.com/manifest.json

आगे बढ़ते हुए, "बबलव्रप" सीएलआई के साथ कुछ प्रश्नों और उत्तरों के माध्यम से जाने का समय आ गया है। आपके PWA में उपलब्ध मेटाडेटा के आधार पर, अधिकांश फ़ील्ड पहले से ही भरी जा चुकी होंगी:

npx bubblewrap build

अब जब आपके PWA की पहचान हो गई है और Android ऐप बन गया है, तो यह एक त्वरित धूम्रपान परीक्षण का समय है। या तो एक एमुलेटर शुरू करें या अपनी पसंद के वास्तविक उपकरण का परीक्षण करें:

npx bubblewrap install

यदि सब कुछ ठीक हो जाता है, तो आप अपने वेब ऐप को एक काम कर रहे देशी एंड्रॉइड ऐप के रूप में देखेंगे। बढ़िया, सबसे कठिन हिस्सा पहले ही हो चुका है!

"assetlinks.json" नामक सत्यापन-फ़ाइल का निर्माण शेष है। जैसा कि मैं मान रहा हूं कि आप Google Play पर ऐप बंडल अपलोड करना चाहते हैं, यह नोट करना महत्वपूर्ण है कि हस्ताक्षर वास्तव में कैसे प्रबंधित किया जाता है:

• Google Play आपके लिए साइनिंग कीज़ को प्रबंधित करेगा, जिसका अर्थ है कि हमें Google Play कंसोल में संबंधित SHA-256 मान को देखना होगा
• "बबलवैप" ने पहले से ही एक प्रविष्टि के साथ एक "एसेटलिंक" -फाइल बनाया होगा, जिसमें एक अलग SHA-256 हैश शामिल है - कोई चिंता नहीं, हम Google Play और जेनरेट की गई दोनों कुंजियों का उपयोग करेंगे

यदि कोई "एसेटलिंक" फ़ाइल नहीं बनाई गई है, तो जिस तरह से मैंने आगे बढ़ना था, वह मेरे परीक्षण उपकरण पर "एसेट लिंक टूल" (Google द्वारा अनुशंसित, परिशिष्ट में लिंक) डाउनलोड करना था और स्थापित हस्ताक्षरित परीक्षण ऐप से SHA-256 को पढ़ना था और "बबलवैप" द्वारा स्थापित। यह जसन तब आपके द्वारा उपयोग किया जा सकता है। बस पहली प्रविष्टि को डुप्लिकेट करना सुनिश्चित करें और SHA-256 को Google Play से बदलें, जिसके परिणामस्वरूप 2 प्रविष्टियों वाली "एसेटलिंक" फ़ाइल होती है, जो केवल उनकी हस्ताक्षर कुंजी में भिन्न होती है।

लगभग हो चुका है, अब आपको अपने मौजूदा PWA के सार्वजनिक फ़ोल्डर में एक नई निर्देशिका बनानी है और एक बार ऐप अपलोड करना है:

.well-known/assetlinks.json

अब Google इसे पढ़ सकता है और स्वामित्व सत्यापित कर सकता है।

एक और क़दम...

अब केवल रिलीज-बंडल को Google Play पर अपलोड करना और उसे रिलीज़ करना बाकी है! हाँ, यह वास्तव में इतना आसान है। Google वास्तव में वेब पर जो संभव है उसे आगे बढ़ाता है और नई चीजों को आजमाने से नहीं डरता। "विश्वसनीय वेब गतिविधि" वेब और मूल के बीच की खाई को और भी अधिक पाटने का एक नया तरीका है, हालाँकि वर्तमान में यह Android तक सीमित है।

ओह, और हाँ: बेशक यह वेब ऐप एक PWA और एक TWA है। आप Google Play में Android ऐप देख सकते हैं, लिंक परिशिष्ट में नीचे है।

• Tom