एक पोर्टल को एक प्रगतिशील वेब ऐप के रूप में बनाएँ

नोट

• अक्टूबर 2022 से प्रभावी, Power Apps पोर्टल Power Pages है.
• आप नए Power Pages डिज़ाइन स्टूडियो का उपयोग करके, Power Apps पोर्टल साइटों को संपादित और डिज़ाइन कर सकते हैं. अधिक जानकारी: Power Pages डिज़ाइन स्टूडियो और Power Apps पोर्टल स्टूडियो.
• यह विषय लीगेसी क्षमताओं पर लागू होता है. नवीनतम जानकारी के लिए, Microsoft Power Pages दस्तावेज़ीकरण पर जाएँ.

पूर्वावश्यकताएँ

• इस सुविधा के काम करने के लिए आपका पोर्टल पैकेज संस्करण 9.2.2103.1 या उसके बाद का होना चाहिए.

• ब्राउज़र समर्थन के लिए, Power Apps पोर्टल के लिए समर्थित वेब ब्राउज़र देखें.

अपने पोर्टल को एक प्रगतिशील वेब ऐप के रूप में सक्षम करें

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

1. Power Apps में साइन इन करें.

2. बाएँ फलक पर, अनुप्रयोग का चयन करें.

3. ऐप्स की सूची से, अपना पोर्टल चुनें.

4. संपादित करें चुनें।

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

   

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

   

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

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

नोट

iOS डिवाइस पर, PWA के आइकन थंबनेल के रूप में दिखाए जाएंगे और अनुकूलित स्प्लैश स्क्रीन प्रदर्शित नहीं की जाएगी।

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

2. अनुकूलन के अंतर्गत, PWA अनुकूलित करें चुनें.

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

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

   

   नोट

   PWA को अनुकूलित करने के बाद, कैश साफ़ करने के लिए वेबसाइट ब्राउज़ करें चुनें. इससे परिवर्तन तुरंत दिखाई देने लगेंगे.

ऑफ़लाइन व्यवहार मैनेज करें

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

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

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

2. PWA अनुकूलित करें चुनें.

3. ऑफ़लाइन व्यवहार के अंतर्गत, ऑफ़लाइन पृष्ठ प्रबंधित करें चुनें.

   

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

   

नोट

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

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

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

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

2. अनुकूलन के नीचे, ऑफ़लाइन संदेश पृष्ठ चुनें.

   

3. पेज का वैसे ही अनुकूलन करें जैसे आप किसी अन्य पोर्टल पृष्ठ का करते हैं.

4. अपनी व्यावसायिक आवश्यकताओं के अनुरूप पृष्ठ टेम्पलेट बदलें.

   

नोट

आप ऑफ़लाइन पृष्ठ के लिए शीर्षक या आंशिक URL ("/default-offline-page ") फ़ील्ड को नहीं बदल सकते हैं. यदि ऑफ़लाइन पृष्ठ अनुपलब्ध है, तो उपयोगकर्ताओं को एक डिफ़ॉल्ट ऑफ़लाइन पृष्ठ दिखाया जाएगा.

युक्ति

ऑफ़लाइन PWA अनुभव को कॉन्फ़िगर करने के बाद, कैश साफ़ करने के लिए वेबसाइट ब्राउज़ करें चुनें. इससे परिवर्तन तुरंत दिखाई देने लगेंगे.

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

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

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

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

   

   नोट

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

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

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

   

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

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

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

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

आप अपने पोर्टल PWA के लिए ऐप पैकेज बना सकते हैं और पैकेज को Microsoft Store और Google Play जैसे विभिन्न ऐप स्टोर पर प्रकाशित कर सकते हैं.

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

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

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

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

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

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

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

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

उन्नत कॉन्फ़िगरेशन

पोर्टल के लिए PWA क्षमता निम्न कॉन्फ़िगरेशन का उपयोग करती है जिसे आप पोर्टल प्रबंधन ऐप का उपयोग करके अपडेट कर सकते हैं.

नोट

हम सुझाव देते हैं कि आप PWA सुविधाओं के साथ काम करने के लिए Power Apps पोर्टल्स स्टूडियो का उपयोग करें, पोर्टल प्रबंधन ऐप का उपयोग करके उन्हें अनुकूलित करने के बजाय.

प्रकार	Actions toolbar पर, नया क्लिक करें.	मात्रा	मान
साइट सेटिंग	PWAFeature	पोर्टल के लिए PWA सक्षम करने की साइट सेटिंग	{ "status": "enable" } { "status": "disable" }
वेब फ़ाइल	PWAManifestjson.en-US.json	PWA मेनिफेस्ट फ़ाइल इस JSON वेब फ़ाइल के रूप में संग्रहीत है.	इस वेब फ़ाइल में PWA के सभी अनुकूलन-संबंधी गुण हैं (जैसे कि ऐप का नाम और स्प्लैश स्क्रीन का रंग).
साइट मार्कर	डिफ़ॉल्ट ऑफ़लाइन पृष्ठ	यह साइट मार्कर परिभाषित करता है कि उपयोगकर्ता के ऑफ़लाइन होने पर कौन सा पृष्ठ दिखाना है. डिफ़ॉल्ट रूप से, यह डिफ़ॉल्ट ऑफ़लाइन पृष्ठ को इंगित करता है.	"डिफ़ॉल्ट ऑफ़लाइन पृष्ठ"

भी देखें

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

नोट

क्या आप हमें अपनी दस्तावेज़ीकरण भाषा वरीयताओं के बारे में बता सकते हैं? एक छोटा सर्वेक्षण पूरा करें. (कृपया ध्यान दें कि यह सर्वेक्षण अंग्रेज़ी में है)

सर्वेक्षण में लगभग सात मिनट लगेंगे. कोई भी व्यक्तिगत डेटा एकत्र नहीं किया जाता है (गोपनीयता कथन).