प्रगतिशील वेब ऐप बनाएं और वितरित करें

अपने प्रगतिशील वेब ऐप (PWA) को कॉन्फ़िगर करने के लिए Power Pages डिज़ाइन स्टूडियो का उपयोग करें. आप PWA क्षमता को सक्षम या अक्षम कर सकते हैं. यदि आप चाहें तो PWA सेटिंग्स को अनुकूलित कर सकते हैं और संबंधित डिवाइस स्टोर पर प्रकाशित करने के लिए ऐप पैकेज बनाने की तैयारी कर सकते हैं।

1. Power Pages पर जाएँ.

2. अपनी साइट चुनें और संपादित करें का चयन करें.

3. डिज़ाइन स्टूडियो में, सेट अप कार्यक्षेत्र चुनें और फिर प्रगतिशील वेब अनुप्रयोग चुनें।

   

4. PWA सक्षम करें चुनें.

   

अपने ऐप को ब्रांड करें

आप ऐप का नाम, शुरुआती पेज, रंग, और बहुत कुछ बदलने के लिए अनुकूलन विकल्पों का उपयोग करके अपना खुद का ब्रांडेड PWA बना सकते हैं.

1. डिज़ाइन स्टूडियो में, प्रगतिशील वेब ऐप चुनें.

2. अपने साइट के लिए निम्न PWA सेटिंग्स को अद्यतित करें.

   सेटिंग	वर्णन
   पद	पोर्टल PWA का नाम जो मोबाइल डिवाइस और ऐप स्टोर पर दिखाई देता है.
   विवरण	मोबाइल डिवाइस और ऐप स्टोर पर दिखाई देने वाले PWA का विवरण.
   ऐप का शुरुआती पृष्ठ	PWA के माध्यम से खुलने पर साइट का आरंभिक पृष्ठ.
   स्प्लैश स्क्रीन पृष्ठभूमि	PWA लोड होने पर स्प्लैश स्क्रीन के लिए पृष्ठभूमि का रंग.
   ऐप आइकन	मोबाइल डिवाइस और ऐप स्टोर पर दिखाई देने वाला ऐप का आइकन. नोट: 5 एमबी के अधिकतम अपलोड आकार के साथ .jpg, .jpeg, .png प्रारूपों का समर्थन करता है। आइकन का आकार 512 × 512 पिक्सल होना चाहिए.

   नोट

   आपके ब्राउज़र के आधार पर, आपके परिवर्तनों को दर्शाने में कुछ समय लग सकता है। PWA को कस्टमाइज़ करने के बाद, अपनी साइट का कैश साफ़ करने के लिए पूर्वावलोकन चुनें.

ऑफ़लाइन व्यवहार को परिभाषित करें

जब उपकरण ऑफ़लाइन उपयोग किया जा रहा हो या इंटरनेट से डिस्कनेक्ट हो गया हो, तो PWA एक सुगम नेविगेशन अनुभव के लिए समर्थन प्रदान करता है. आप अपनी साइट के उन पृष्ठों को चुन सकते हैं जो ऑफ़लाइन उपलब्ध हैं (केवल पढ़ने के लिए), तथा पोर्टल की शेष क्षमताओं के लिए एक संदेश पृष्ठ चुन सकते हैं जो ऑफ़लाइन पहुँच के लिए सक्षम नहीं हैं।

पोर्टल PWA के लिए ऑफ़लाइन पृष्ठ कॉन्फ़िगर करें

1. डिज़ाइन स्टूडियो में, सेट अप कार्यस्थान में, प्रगतिशील वेब अनुप्रयोग का चयन करें।

2. अधिक सेटिंग के अंतर्गत, ऑफ़लाइन पेजों को परिभाषित करें चुनें।

   

3. उन पृष्ठों का चयन करें जिन्हें आप चाहते हैं कि उपयोगकर्ताओं ऑफ़लाइन PWA का उपयोग करने पर एक्सेस कर सकें.

   

ऑफ़लाइन संदेश पृष्ठ सेट करें

जब कोई डिवाइस ऑफ़लाइन होती है, तो वह पृष्ठ जिसे आप ऑफ़लाइन संदेश पृष्ठ के रूप में कॉन्फ़िगर करते हैं, तब प्रकट होता है जब उपयोगकर्ता उन पृष्ठों तक पहुँचने का प्रयास करते हैं जो ऑफ़लाइन पहुँच के लिए सक्षम नहीं हैं।

1. डिज़ाइन स्टूडियो में, पेज कार्यस्थान चुनें।

2. डिफ़ॉल्ट ऑफ़लाइन पृष्ठ का चयन करें.

3. पेज को अनुकूलित करें.

ऑफ़लाइन मोड में अपने साइट का परीक्षण करें

आपके द्वारा ऑफ़लाइन पृष्ठों को सक्षम करने के बाद, आप ऑफ़लाइन मोड में मोबाइल डिवाइस का उपयोग कर सकते हैं और ऑफ़लाइन पहुंच के लिए सक्षम विभिन्न पृष्ठों को ब्राउज़ कर सकते हैं।

1. ऑनलाइन मोड में अपने मोबाइल डिवाइस पर वेब ब्राउज़र का उपयोग करके अपने साइट पर ब्राउज़ करें.

2. होम स्क्रीन में जोड़ें या एक समान विकल्प को चुनें. उदाहरण के लिए, Android डिवाइस पर, + में जोड़ें>ऐप स्क्रीन विकल्प हो सकते हैं.

   

   नोट

   यह क्रिया उन पोर्टल पृष्ठों को डाउनलोड करती है जिन्हें ऑफ़लाइन ब्राउज़िंग के लिए सक्षम किया गया है. नेटवर्क बैंडविड्थ और ऑफ़लाइन ब्राउज़िंग के लिए चुने गए पृष्ठों के आकार के आधार पर, इसमें कुछ समय लग सकता है.

3. अपने मोबाइल डिवाइस में ऑफ़लाइन मोड को सक्षम करें.

4. होम स्क्रीन से अपना रिकॉर्ड खोलें. आपको सबसे ऊपर एक सूचना दिखाई देगी जो आपको याद दिलाएगी कि आप ऑफ़लाइन मोड में ब्राउज़ कर रहे हैं। यदि आप कोई ऐसा पृष्ठ चुनते हैं जो ऑफ़लाइन ब्राउज़िंग के लिए सक्षम नहीं है, तो ऑफ़लाइन संदेश प्रकट होता है।

   

अपने ऐप को वितरित करें

आप अपना ऐप या तो ब्राउज़र का उपयोग करके या ऐप स्टोर के माध्यम से वितरित कर सकते हैं।

ब्राउज़र का उपयोग करके अपना ऐप वितरित करें

आपका पोर्टल PWA के रूप में सक्षम होने के बाद, आपके उपयोगकर्ता अपने डिवाइस पर होम स्क्रीन पर एक ऐप के रूप में Power Pages साइट को पिन कर सकते हैं। यह विकल्प सभी प्लेटफ़ॉर्म (Android, iOS, Chromebook और Windows) के साथ-साथ सभी फ़ॉर्म फ़ैक्टर (मोबाइल, डेस्कटॉप और टैबलेट) पर समर्थित है.

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

Android और iOS प्रत्येक ब्राउज़र-आधारित स्थापना के लिए एक अलग विधि प्रदान करते हैं।

ऐप स्टोर के माध्यम से अपना ऐप वितरित करें

प्रगतिशील वेब ऐप्स को Android, iOS और विंडोज़ के लिए ऐप स्टोर के माध्यम से भी वितरित किया जा सकता है। यह वितरण ऐप पैकेज बनाकर और ऐप को संबंधित ऐप स्टोर पर प्रकाशित करके किया जाता है। ऐप पैकेज बनाने के लिए, हम PWABuilder के साथ साझेदारी करते हैं, जो विभिन्न ऐप स्टोर के लिए एप्लिकेशन पैकेज बनाने के लिए एक मंच प्रदान करता है।

ऐप पैकेज बनाने के लिए, डिज़ाइन स्टूडियो में कार्यस्थान सेट अप करें पर जाएँ। ऐप पैकेज के अंतर्गत, ऐप पैकेज बनाएँ चुनें.

यह आपको PWA बिल्डर वेबसाइट पर ले जाता है, जहां आप विभिन्न ऐप स्टोर के लिए ऐप पैकेज बना सकते हैं। आप PWA बिल्डर का उपयोग करके जो पैकेज बनाते हैं, उसमें शामिल हैं:

• PWA के लिए एक ऐप पैकेज जिसका उपयोग उसके संबंधित ऐप स्टोर में किया जाएगा.

• ऐप को प्रकाशित करने के बारे में चरण-दर-चरण दस्तावेज़.

अधिक जानकारी के लिए, PWA संसाधन हब पर जाएँ.

iOSके लिए, PWABuilder ऐप स्टोर पैकेज बनाने के लिए समर्थन प्रदान करता है। अधिक जानकारी के लिए, ऐप स्टोर के लिए पैकेज देखें।

Windows के लिए, Microsoft Store के लिए पैकेज देखें।

Android के लिए अन्य विचार

Android प्लेटफ़ॉर्म के लिए, आप Android प्रमाणपत्र को प्रमाणपत्र अपडेट करें Android विकल्प के साथ भी अपडेट कर सकते हैं।

आपके PWA के स्वामित्व को साबित करने वाले डिजिटल परिसंपत्ति लिंक फ़ाइल (assetlinks.json) को अपडेट करने के लिए शीर्षक और SHA-256 प्रमाणपत्र फ़िंगरप्रिंट अपडेट करें.

भी देखें

प्रगतिशील वेब ऐप्स के रूप में साइटों का अवलोकन
प्रगतिशील वेब ऐप्स (PWAs) का अवलोकन
प्रगतिशील वेब ऐप बनाएं और वितरित करें (वीडियो)