ऐप्लिकेशन शॉर्टकट की मदद से, उन कुछ सामान्य कार्रवाइयों को तुरंत ऐक्सेस किया जा सकता है जिनकी उपयोगकर्ताओं को अक्सर ज़रूरत होती है.
इस वेब प्लैटफ़ॉर्म पर अब ऐप्लिकेशन शॉर्टकट काम करते हैं. इससे उपयोगकर्ताओं की प्रोडक्टिविटी बढ़ाने और मुख्य कामों से उनका जुड़ाव बढ़ाने में मदद मिलती है. इनकी मदद से, वेब डेवलपर कुछ सामान्य कार्रवाइयों को तुरंत ऐक्सेस कर सकते हैं, जिनकी उपयोगकर्ताओं को अक्सर ज़रूरत होती है.
इस लेख में ऐप्लिकेशन शॉर्टकट तय करने का तरीका बताया गया है. इसके अलावा, आपको इससे जुड़े सबसे सही तरीकों के बारे में भी पता चलेगा.
ऐप्लिकेशन शॉर्टकट के बारे में जानकारी
ऐप शॉर्टकट की मदद से, लोग आपके वेब ऐप्लिकेशन में सामान्य या सुझाए गए टास्क तुरंत शुरू कर सकते हैं. ऐप्लिकेशन आइकॉन पर कहीं से भी, उन टास्क को आसानी से ऐक्सेस करने से उनकी उत्पादकता बढ़ेगी. साथ ही, वेब ऐप्लिकेशन में उनका जुड़ाव भी बढ़ेगा.
ऐप शॉर्टकट मेन्यू को उपयोगकर्ता के डेस्कटॉप पर टास्कबार (Windows) या डॉक (macOS) में ऐप्लिकेशन आइकॉन पर राइट-क्लिक करके या Android पर ऐप्लिकेशन के लॉन्चर आइकॉन को दबाकर रखने से शुरू किया जाता है.
ऐप्लिकेशन शॉर्टकट मेन्यू सिर्फ़ प्रोग्रेसिव वेब ऐप्लिकेशन के लिए दिखाया जाता है. ये ऐप्लिकेशन उपयोगकर्ता के डेस्कटॉप या मोबाइल डिवाइस पर इंस्टॉल होते हैं. इंस्टॉल करने की ज़रूरी शर्तों के बारे में जानने के लिए, हमारे "PWA के बारे में जानें" मॉड्यूल में इंस्टॉल करने की सुविधा देखें.
हर ऐप्लिकेशन शॉर्टकट, उपयोगकर्ता के मकसद के बारे में बताता है. हर ऐप्लिकेशन, आपके वेब ऐप्लिकेशन के स्कोप में मौजूद एक यूआरएल से जुड़ा होता है. जब उपयोगकर्ता ऐप्लिकेशन शॉर्टकट को चालू करता है, तब यूआरएल खुलता है. ऐप्लिकेशन शॉर्टकट के उदाहरणों में ये शामिल हैं:
- टॉप-लेवल नेविगेशन आइटम (उदाहरण के लिए, होम, टाइमलाइन, हाल के ऑर्डर)
- रिपोर्ट में खोजना
- डेटा एंट्री टास्क, जैसे कि ईमेल या ट्वीट लिखना, रसीद जोड़ना
- गतिविधियां (जैसे, सबसे लोकप्रिय संपर्कों के साथ चैट शुरू करना)
वेब ऐप्लिकेशन मेनिफ़ेस्ट में ऐप्लिकेशन शॉर्टकट तय करना
ऐप्लिकेशन शॉर्टकट को वेब ऐप्लिकेशन मेनिफ़ेस्ट में वैकल्पिक तौर पर बताया जाता है. यह एक JSON फ़ाइल होती है, जो ब्राउज़र को आपके वेब ऐप्लिकेशन के बारे में बताती है. साथ ही, उपयोगकर्ता के डेस्कटॉप या मोबाइल डिवाइस पर इंस्टॉल होने पर इसके काम करने के तरीके के बारे में बताती है. खास तौर पर, इनका एलान shortcuts कलेक्शन वाले सदस्य में किया जाता है. यहां संभावित वेब ऐप्लिकेशन मेनिफ़ेस्ट का एक उदाहरण दिया गया है.
{
"name": "Player FM",
"start_url": "https://player.fm?utm_source=homescreen",
…
"shortcuts": [
{
"name": "Open Play Later",
"short_name": "Play Later",
"description": "View the list of podcasts you saved for later",
"url": "/play-later?utm_source=homescreen",
"icons": [{ "src": "/icons/play-later.png", "sizes": "192x192" }]
},
{
"name": "View Subscriptions",
"short_name": "Subscriptions",
"description": "View the list of podcasts you listen to",
"url": "/subscriptions?utm_source=homescreen",
"icons": [{ "src": "/icons/subscriptions.png", "sizes": "192x192" }]
}
]
}
shortcuts कलेक्शन का हर सदस्य एक डिक्शनरी होती है, जिसमें कम से कम एक name और url होता है. अन्य मेंबर जोड़ना ज़रूरी नहीं है.
name- उपयोगकर्ता को ऐप्लिकेशन शॉर्टकट दिखाए जाने पर, उसके लिए ऐसा लेबल जिसे कोई भी व्यक्ति आसानी से पढ़ सकता है.
short_name(ज़रूरी नहीं)- जगह कम होने पर ऐसा लेबल इस्तेमाल किया जा सकता है जिसे कोई भी व्यक्ति आसानी से पढ़ सके. हमारा सुझाव है कि आप इसे उपलब्ध कराएं, भले ही यह ज़रूरी न हो.
description(ज़रूरी नहीं)- इस ऐप्लिकेशन के शॉर्टकट को कोई भी व्यक्ति आसानी से पढ़ सकता है. लिखने के समय इसका इस्तेमाल नहीं किया जाता, लेकिन आने वाले समय में यह सहायक टेक्नोलॉजी की पहुंच में आ सकती है.
url- यह यूआरएल तब खुलता है, जब कोई उपयोगकर्ता ऐप्लिकेशन शॉर्टकट चालू करता है. यह यूआरएल, वेब ऐप्लिकेशन मेनिफ़ेस्ट के दायरे में मौजूद होना चाहिए. अगर यह कोई मिलता-जुलता यूआरएल है, तो बेस यूआरएल, वेब ऐप्लिकेशन मेनिफ़ेस्ट का यूआरएल होगा.
icons(ज़रूरी नहीं)इमेज रिसॉर्स ऑब्जेक्ट का कलेक्शन. हर ऑब्जेक्ट में
srcऔरsizesप्रॉपर्टी शामिल होनी चाहिए. वेब ऐप्लिकेशन मेनिफ़ेस्ट आइकॉन के उलट, इमेज काtypeवैकल्पिक है. लिखते समय, SVG फ़ाइलें काम नहीं करतीं. इसके बजाय, PNG का इस्तेमाल करें.अगर आपको सबसे बढ़िया पिक्सल वाले आइकॉन चाहिए, तो उन्हें 48dp (जैसे कि 36x36, 48x48, 72x72, 96x96, 144x144, 192x192 पिक्सल) के आइकॉन के साथ उपलब्ध कराएं. अगर ऐसा नहीं है, तो हमारा सुझाव है कि आप 192x192 पिक्सल का आइकॉन इस्तेमाल करें.
ऐप्लिकेशन की क्वालिटी को मापने के लिए, यह ज़रूरी है कि Android डिवाइस पर आइकॉन, डिवाइस के सही साइज़ का कम से कम आधा हो. यह साइज़ 48dp है. उदाहरण के लिए, xxhdpi स्क्रीन पर दिखाने के लिए, आइकॉन का साइज़ कम से कम 72 x 72 पिक्सल होना चाहिए. (इसे पिक्सल यूनिट के लिए, डीपी यूनिट को बदलने के लिए फ़ॉर्मूला से लिया गया है.)
ऐप्लिकेशन शॉर्टकट की जांच करें
यह पुष्टि करने के लिए कि आपके ऐप्लिकेशन शॉर्टकट सही तरीके से सेट अप किए गए हैं, DevTools के ऐप्लिकेशन पैनल में मेनिफ़ेस्ट पैनल का इस्तेमाल करें.
इस पैनल की मदद से, आपकी कई मेनिफ़ेस्ट प्रॉपर्टी के ऐसे वर्शन उपलब्ध होते हैं जिन्हें कोई भी व्यक्ति आसानी से पढ़ सकता है. इनमें ऐप्लिकेशन शॉर्टकट भी शामिल हैं. इससे यह पुष्टि करना आसान हो जाता है कि अगर दिए गए सभी शॉर्टकट आइकॉन सही तरीके से लोड हो रहे हैं.
हो सकता है कि ऐप शॉर्टकट सभी उपयोगकर्ताओं के लिए तुरंत उपलब्ध न हों क्योंकि प्रोग्रेसिव वेब ऐप्लिकेशन अपडेट दिन में एक बार तक सीमित किए जाते हैं. इस बारे में ज़्यादा जानें कि Chrome, वेब ऐप्लिकेशन मेनिफ़ेस्ट के अपडेट को कैसे मैनेज करता है.
सबसे सही तरीके
ऐप शॉर्टकट को प्राथमिकता के हिसाब से क्रम में लगाएं
शॉर्टकट उसी क्रम में दिखते हैं जिस क्रम में आपने उन्हें मेनिफ़ेस्ट में तय किया होता है. आपको प्राथमिकता के हिसाब से ऐप्लिकेशन शॉर्टकट को क्रम में लगाने का सुझाव दिया जाता है, क्योंकि ऐप्लिकेशन शॉर्टकट की संख्या की दिखाई जाने वाली सीमा, प्लैटफ़ॉर्म के हिसाब से अलग-अलग होती है. उदाहरण के लिए, Windows पर Chrome और Edge ऐप्लिकेशन शॉर्टकट की संख्या 10 तक सीमित है, जबकि Android के लिए Chrome सिर्फ़ 3 दिखाता है. Android 7 के लिए Chrome 92 से पहले, 4 वर्शन को अनुमति थी. Chrome 92 ने ऐप्लिकेशन के लिए उपलब्ध शॉर्टकट स्लॉट में से एक का इस्तेमाल करके, साइट सेटिंग में एक शॉर्टकट जोड़ा.
ऐप्लिकेशन शॉर्टकट के अलग-अलग नाम इस्तेमाल करें
ऐप्लिकेशन शॉर्टकट में अंतर करने के लिए, आपको आइकॉन पर भरोसा नहीं करना चाहिए, क्योंकि हो सकता है कि वे हमेशा न दिखें. उदाहरण के लिए, macOS में, डॉक शॉर्टकट मेन्यू में आइकॉन काम नहीं करते. हर ऐप शॉर्टकट के लिए अलग-अलग नाम का इस्तेमाल करें.
ऐप्लिकेशन शॉर्टकट के इस्तेमाल का आकलन करना
आपको ऐप्लिकेशन शॉर्टकट url एंट्री के बारे में जानकारी देनी चाहिए, जैसा कि आंकड़े जुटाने के लिए, start_url के साथ किया जाता है (जैसे, url:
"/my-shortcut?utm_source=homescreen").
ब्राउज़र समर्थन
ऐप शॉर्टकट, नीचे दिए गए प्लैटफ़ॉर्म और वर्शन पर उपलब्ध हैं.
भरोसेमंद वेब गतिविधि से जुड़ी सहायता
Bubblewrap, भरोसेमंद वेब गतिविधि का इस्तेमाल करने वाले Android ऐप्लिकेशन बनाने के लिए सुझाया गया टूल है. यह वेब ऐप्लिकेशन मेनिफ़ेस्ट से ऐप्लिकेशन शॉर्टकट पढ़ता है और Android ऐप्लिकेशन के लिए, संबंधित कॉन्फ़िगरेशन को अपने-आप जनरेट करता है. ध्यान दें कि ऐप्लिकेशन शॉर्टकट के लिए आइकॉन ज़रूरी हैं और बबल रैप में कम से कम 96 x 96 पिक्सल होने चाहिए.
किसी प्रोग्रेसिव वेब ऐप्लिकेशन को आसानी से भरोसेमंद वेब गतिविधि में बदलने का एक बेहतरीन टूल PWABuilder. इस टूल की मदद से, कुछ चेतावनियों वाले ऐप्लिकेशन शॉर्टकट बनाए जा सकते हैं.
जो डेवलपर अपने Android ऐप्लिकेशन में भरोसेमंद वेब गतिविधि को मैन्युअल तरीके से जोड़ते हैं वे Android ऐप्लिकेशन के शॉर्टकट का इस्तेमाल उसी तरह के व्यवहार को लागू करने के लिए कर सकते हैं.
नमूना
ऐप्लिकेशन शॉर्टकट का सैंपल और उसका सोर्स देखें.
मददगार लिंक
- एमडीएन
- खास जानकारी
- ऐप्लिकेशन शॉर्टकट का सैंपल | ऐप्लिकेशन शॉर्टकट का सैंपल सोर्स
- ब्लिंक कॉम्पोनेंट:
UI>Browser>WebAppInstalls