ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) · पाठ

एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन

जानिए कि एक ही एक्सटेंशन कोडबेस का बंडल कैसे बनाएँ और उसे Chrome Web Store तथा Microsoft Edge Add-ons स्टोर दोनों में कैसे जमा करें।

पाठ 4, कुल 4 में से13 चरण

एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन, CoddyKit पर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

कई स्टोर पर प्रकाशित क्यों करें

जब आपकी एक्सटेंशन अलग-अलग ब्राउज़र में काम करने लगे, तो अगला कदम वितरण है। दो सबसे बड़े Chromium स्टोर Chrome Web Store और Microsoft Edge Add-ons स्टोर हैं।

दोनों पर प्रकाशित करने से लगभग बिना अतिरिक्त कोड के आपकी पहुँच अधिकतम होती है, क्योंकि दोनों एक ही Manifest V3 पैकेज लेते हैं।

एक कोडबेस, दो पैकेज

आमतौर पर आप दोनों स्टोर पर वही ZIP भेजते हैं। छोटे अंतर, जैसे न्यूनतम वर्ज़न या स्टोर-विशिष्ट कुंजियाँ, बिल्ड स्क्रिप्ट से संभाले जा सकते हैं।

एक ही स्रोत ट्री रखें
स्क्रिप्ट के माध्यम से स्टोर-विशिष्ट बिल्ड बनाएँ
अलग-अलग शाखाओं का रखरखाव करने से बचें

{
  "manifest_version": 3,
  "name": "My Extension",
  "version": "1.4.0",
  "minimum_chrome_version": "102"
}

ZIP बनाना

स्टोर आपकी एक्सटेंशन के मूल फ़ोल्डर (जिसमें manifest.json मौजूद है) का ZIP archive स्वीकार करते हैं। मूल फ़ोल्डर के पैरेंट फ़ोल्डर को कभी ZIP न करें।

एक साधारण npm स्क्रिप्ट इस प्रक्रिया को दोहराने योग्य बनाती है।

node -e "const cp=require('child_process'); cp.execSync('cd dist && zip -r ../extension.zip .')"
console.log('Created extension.zip');

वर्ज़न नंबर महत्वपूर्ण हैं

हर अपडेट के लिए दोनों स्टोर की आवश्यकता है कि मेनिफेस्ट में दिया गया version वर्तमान प्रकाशित वर्ज़न से सख्ती से अधिक हो।

बिंदुओं वाले सिमैंटिक-जैसे नंबर इस्तेमाल करें: 1.4.0, फिर 1.4.1।

const fs = require('fs');
const m = JSON.parse(fs.readFileSync('manifest.json', 'utf8'));
const parts = m.version.split('.').map(Number);
parts[parts.length - 1] += 1;
m.version = parts.join('.');
fs.writeFileSync('manifest.json', JSON.stringify(m, null, 2));
console.log('Bumped to', m.version);

Chrome Web Store पर सबमिशन

Chrome Developer Dashboard में आप ZIP अपलोड करते हैं, सूची का विवरण (विवरण, स्क्रीनशॉट, श्रेणी) भरते हैं और समीक्षा के लिए सबमिट करते हैं।

एक बार का डेवलपर पंजीकरण शुल्क
स्वचालित और मैन्युअल समीक्षा
अनुमतियों का औचित्य आवश्यक

Edge Add-ons पर सबमिशन

Partner Center में Edge सबमिशन किए जाते हैं। पंजीकरण निःशुल्क है। आप वही ZIP अपलोड करके सूची का मेटाडेटा देते हैं।

Edge की समीक्षा आम तौर पर नीति-अनुपालन और सटीक विवरण पर केंद्रित होती है।

स्टोर सूची की सामग्री

दोनों स्टोर के लिए प्रचार सामग्री चाहिए:

आइकन (128x128)
स्क्रीनशॉट (1280x800 अनुशंसित)
छोटी और बड़ी प्रचार टाइल (वैकल्पिक)
संक्षिप्त और विस्तृत विवरण

इन्हें एक बार तैयार करें और दोनों स्टोर पर दोबारा उपयोग करें।

CWS API से स्वचालन

Chrome Web Store API आपको CI से अपलोड और प्रकाशन करने देती है। आप OAuth से प्रमाणीकरण करते हैं और REST एंडपॉइंट को कॉल करते हैं।

// Pseudocode using fetch in a CI script
const token = await getAccessToken();
await fetch('https://www.googleapis.com/upload/chromewebstore/v1.1/items/' + itemId, {
  method: 'PUT',
  headers: { Authorization: 'Bearer ' + token, 'x-goog-api-version': '2' },
  body: zipBuffer
});
console.log('Uploaded to CWS');

Edge सबमिशन का स्वचालन

Edge, CI से अपलोड करने के लिए Add-ons API उपलब्ध कराता है। आप एक access token प्राप्त करते हैं, पैकेज अपलोड करते हैं और फिर प्रकाशन शुरू करते हैं।

यह Chrome की प्रक्रिया जैसी ही है, इसलिए एक साझा डिप्लॉय स्क्रिप्ट दोनों को लक्ष्य बना सकती है।

// Upload draft, then publish
await fetch(baseUrl + '/products/' + productId + '/submissions/draft/package', {
  method: 'POST',
  headers: { Authorization: 'Bearer ' + token },
  body: zipBuffer
});
console.log('Edge draft uploaded');

समीक्षा में अस्वीकृति संभालना

अस्वीकृति के सामान्य कारण:

ऐसी अनुमतियाँ माँगना जिनका आप उपयोग नहीं करते
अस्पष्ट गोपनीयता जानकारी
विवरण और व्यवहार में असंगति

केवल न्यूनतम अनुमतियाँ माँगें और दस्तावेज़ में बताएँ कि प्रत्येक की आवश्यकता क्यों है।

दोनों स्टोर को समकालिक रखना

अलग-अलग बदलावों से बचने के लिए एक ही टैग की गई रिलीज़ से प्रकाशित करें। कमिट को टैग करें, ZIP बनाएँ और फिर उसी pipeline रन में दोनों स्टोर पर भेजें।

इससे आपके सभी उपयोगकर्ताओं के लिए एक जैसा व्यवहार सुनिश्चित होता है।

त्वरित जाँच

कई स्टोर पर प्रकाशन की अपनी समझ जाँचें।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आपने एक कोडबेस को पैकेज करके दोनों Chromium स्टोर पर भेजना सीखा:

एक्सटेंशन के मूल फ़ोल्डर को ZIP करें, पैरेंट फ़ोल्डर को कभी नहीं
हर अपडेट पर वर्ज़न बढ़ाएँ
दोनों स्टोर पर सूची की सामग्री का दोबारा उपयोग करें
CWS और Edge API से अपलोड स्वचालित करें
समीक्षा आसान बनाने के लिए न्यूनतम अनुमतियाँ माँगें

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 12
पाठ: 48

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन” पाठ निःशुल्क है?

हाँ—“एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन” में मैं क्या सीखूँगा?

जानिए कि एक ही एक्सटेंशन कोडबेस का बंडल कैसे बनाएँ और उसे Chrome Web Store तथा Microsoft Edge Add-ons स्टोर दोनों में कैसे जमा करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

विभिन्न ब्राउज़रों के लिए मेनिफ़ेस्ट में बदलाव
WebExtension पॉलीफ़िल का उपयोग
एक्सटेंशन विकास ढाँचों का अन्वेषण
एकाधिक स्टोर के लिए पैकेजिंग और प्रकाशन

← ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पर वापस जाएँ