क्रोम एक्सटेंशन को मेनिफेस्ट V2 से मेनिफेस्ट V3 में अपडेट करना डेवलपर्स के लिए एक महत्वपूर्ण कदम है, क्योंकि Google ने मेनिफेस्ट V2 के लिए समर्थन चरणबद्ध तरीके से समाप्त कर दिया है। इस लेख में, हम मूल रूप से मेनिफेस्ट V2 के साथ निर्मित पोमोडोरो टाइमर एक्सटेंशन को नए मेनिफेस्ट V3 मानक में अपग्रेड करने की प्रक्रिया से गुजरेंगे।

मेरी कहानी

मेरे पास एक पोमोडोरो टाइमर एक्सटेंशन था जिसे मैंने 4 साल पहले बिना किसी शुल्क के बनाया था और मुझे Google से एक सूचना मिली कि मुझे मेनिफेस्ट को अपडेट करने की आवश्यकता है।

मेरे पोमोडोरो टाइमर का मूल संस्करण कुछ ऐसा था जिसे मैंने स्वयं डिज़ाइन किया था, जिसमें चक्र के अंत की अधिसूचना के रूप में टी-रेक्स दहाड़ थी? यह विचित्र और मज़ेदार था, मैं 24 लोगों को इसका उपयोग करते देखकर भी आश्चर्यचकित था।

यह इस तरह दिखता था:

मेरी पत्नी ने हाल ही में डिज़ाइन सीखना शुरू किया है और चूँकि मुझे मेनिफेस्ट को अपडेट करने की आवश्यकता है, इसलिए मैंने उससे डिज़ाइन को ताज़ा करने के लिए कहा। परिणाम लेख के अंत में है. स्पॉइलर: मुझे लगता है कि यह बहुत अच्छा हुआ।

मेनिफेस्ट V3 में अपग्रेड क्यों करें?

मेनिफ़ेस्ट V3 क्रोम एक्सटेंशन में गोपनीयता, सुरक्षा और प्रदर्शन को बढ़ाने के उद्देश्य से कई महत्वपूर्ण बदलाव पेश करता है। इन परिवर्तनों में शामिल हैं:

• सेवा कर्मी: पृष्ठभूमि पृष्ठों को सेवा कर्मियों से बदल दिया जाता है, जो अधिक कुशल होते हैं क्योंकि वे लगातार नहीं चलते हैं।
• उन्नत सुरक्षा: अनुमति के दायरे को कम किया गया और नेटवर्क अनुरोधों को प्रबंधित करने के लिए डिक्लेरेटिवनेटरिक्वेस्ट एपीआई की शुरूआत की गई।
• बेहतर प्रदर्शन: एक्सटेंशन ब्राउज़र संसाधनों के साथ कैसे इंटरैक्ट करते हैं, इसका अनुकूलन करके, V3 बेहतर संसाधन प्रबंधन सुनिश्चित करता है।

चरण 1: मुख्य अंतर को समझना

अद्यतन में जाने से पहले, मेनिफेस्ट V2 और V3 के बीच प्रमुख परिवर्तनों को समझना महत्वपूर्ण है:

1. बैकग्राउंड स्क्रिप्ट्स: V2 में, बैकग्राउंड स्क्रिप्ट्स लगातार चलती थीं। V3 में, इन्हें सेवा कर्मियों से बदल दिया जाता है जो केवल जरूरत पड़ने पर ही चलते हैं।
2. अनुमतियाँ: मेनिफेस्ट V3 में सभी अनुमतियों की स्पष्ट घोषणा की आवश्यकता होती है, और कुछ अनुमतियाँ अप्रचलित या प्रतिस्थापित कर दी गई हैं।
3. एपीआई परिवर्तन: कुछ एपीआई हटा दिए गए हैं या बदल दिए गए हैं, और एक्सटेंशन के विभिन्न घटकों के बीच मैसेजिंग सिस्टम अपडेट कर दिया गया है।

चरण 2: मेनिफेस्ट फ़ाइल को अद्यतन करना

यहां बताया गया है कि आप पोमोडोरो टाइमर एक्सटेंशन के लिए मैनिफ़ेस्ट.जेसन फ़ाइल को V2 से V3 में कैसे अपडेट करेंगे:

मूल प्रकट V2 उदाहरण:

{
  "name": "Pomodoro Clock",
  "version": "1.1.0",
  "description": "Simple background timer for productivity",
  "manifest_version": 2,
  "permissions": ["storage"],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "img/tomato16.png",
      "32": "img/tomato32.png",
      "48": "img/tomato48.png",
      "128": "img/tomato128.png"
    }
  },
  "icons": {
    "16": "img/tomato16.png",
    "32": "img/tomato32.png",
    "48": "img/tomato48.png",
    "128": "img/tomato128.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "options_page": "options.html"
}

अद्यतित मेनिफेस्ट V3 उदाहरण:

{
  "name": "Pomodoro Timer & Focus Clock",
  "version": "2.0.1",
  "description": "Boost productivity with this simple Pomodoro timer. Focus on tasks, minimize distractions, and manage your time effectively.",
  "manifest_version": 3,
  "permissions": ["storage","notifications","alarms"],
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "img/tomato16.png",
      "32": "img/tomato32.png",
      "48": "img/tomato48.png",
      "128": "img/tomato128.png"
    }
  },
  "icons": {
    "16": "img/tomato16.png",
    "32": "img/tomato32.png",
    "48": "img/tomato48.png",
    "128": "img/tomato128.png"
  },
  "background": {
    "service_worker": "background.js"
  }
}

मेनिफेस्ट में मुख्य परिवर्तन:

पृष्ठभूमि स्क्रिप्ट:

• V2: "पृष्ठभूमि": {"स्क्रिप्ट": ["पृष्ठभूमि.जेएस"]}
• V3: "पृष्ठभूमि": {"service_worker": "background.js"}

V3 में, पृष्ठभूमि स्क्रिप्ट को सेवा कर्मियों से बदल दिया जाता है। सेवा कर्मी केवल आवश्यक होने पर ही दौड़ते हैं, जिससे संसाधन दक्षता में सुधार होता है।

क्रिया बनाम ब्राउज़र क्रिया:

• V2: "ब्राउज़र_एक्शन": { ... }
• V3: "कार्रवाई": { ... }

ब्राउज़र_एक्शन को एक्शन से बदल दिया गया है, जो कार्यक्षमता को समेकित करता है और मेनिफेस्ट को सरल बनाता है।

चरण 3: सेवा कर्मियों का उपयोग करने के लिए पृष्ठभूमि स्क्रिप्ट को अद्यतन करना

मेरे एक्सटेंशन ने पृष्ठभूमि में एक साधारण सेटइंटरवल() का उपयोग किया, सेवा कार्यकर्ता के साथ यह व्यवहार काम नहीं करेगा, क्योंकि ब्राउज़र संसाधनों को बचाने के लिए यह केवल जरूरत पड़ने पर ही चलता है।

मेरे मामले में मुझे टाइमर को संशोधित करना पड़ा और टाइमस्टैम्प को स्टोरेज में स्टोर करना पड़ा, नोटिफिकेशन कॉलर के ट्रिगरिंग कोड को चलाने के लिए अलार्म का उपयोग करना पड़ा।

और निश्चित रूप से कष्टप्रद टी-रेक्स रियर से छुटकारा पाने के लिए सूचनाएं भेजने के लिए क्रोम की अंतर्निहित सूचनाओं का उपयोग किया। यदि मेरे एक्सटेंशन के शुरुआती उपयोगकर्ता मुझे पढ़ते हैं, तो मुझे इसके लिए वास्तव में खेद है?

यहां कोई कोड उदाहरण नहीं होगा क्योंकि यह बहुत विशिष्ट है।

निष्कर्ष

परिणाम यहां है। मुझे लगता है यह बहुत अच्छा है। न्यूनतम और उपयोग में आसान

अपडेट उतना मुश्किल नहीं था, मुख्य बात पुरानी पृष्ठभूमि स्क्रिप्ट और सेवा कार्यकर्ता के बीच अंतर को समझना है, लेकिन अलार्म से सावधान रहें, मैं परीक्षण के दौरान क्रोम को कुछ बार क्रैश करने में भी कामयाब रहा?

अपडेट किए गए पोमोडोरो टाइमर और फोकस क्लॉक एक्सटेंशन को बेझिझक आज़माएं और अपना अपडेट करने के लिए शुभकामनाएं!