Electron डेस्कटॉप ऐप विकास · पाठ

क्रॉस-प्लेटफ़ॉर्म पैकेजिंग

मज़बूत क्रॉस-प्लेटफ़ॉर्म वितरण के लिए `electron-builder` का उपयोग करके उन्नत पैकेजिंग विकल्पों और कॉन्फ़िगरेशन में दक्षता प्राप्त करें।

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

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

क्रॉस-प्लेटफ़ॉर्म पैकेजिंग क्या है

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

क्रॉस-प्लेटफ़ॉर्म पैकेजिंग का अर्थ है एक ही कोडबेस से Windows, macOS और Linux के लिए वितरण फ़ाइलें बनाना। इससे आपका ऐप उपयोगकर्ताओं के चुने हुए OS की परवाह किए बिना व्यापक दर्शकों तक पहुँच सकता है।

electron-builder का परिचय

electron-builder Electron ऐप को पैकेज और वितरित करने का प्रमुख समाधान है। यह एक शक्तिशाली और लचीला टूल है, जो इस जटिल प्रक्रिया के अधिकांश हिस्से को स्वचालित करता है।

  • इंस्टॉलर बनाता है: `.exe`, `.dmg`, `.deb`, `.AppImage` और अन्य फ़ाइलें बनाता है।
  • कोड साइनिंग: सुरक्षा और विश्वसनीयता के लिए हस्ताक्षर करने की प्रक्रिया संभालता है।
  • स्वचालित अपडेट: स्वचालित अपडेट की प्रणालियों के साथ एकीकृत होता है।
  • लचीला कॉन्फ़िगरेशन: आपकी package.json फ़ाइल या बाहरी कॉन्फ़िगरेशन के माध्यम से बहुत अधिक अनुकूलन योग्य है।

बुनियादी electron-builder सेटअप

शुरुआत करने के लिए, electron-builder को विकास निर्भरता के रूप में इंस्टॉल करें और अपनी package.json में "build" स्क्रिप्ट जोड़ें। यह स्क्रिप्ट आमतौर पर electron-builder कमांड की ओर संकेत करती है।

बुनियादी सेटअप इस प्रकार है:

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },
  "devDependencies": {
    "electron": "^28.0.0",
    "electron-builder": "^24.0.0"
  },
  "build": {
    "appId": "com.yourapp.id"
  }
}

"appId" को समझना

appId (एप्लिकेशन ID) आपके एप्लिकेशन की एक महत्वपूर्ण पहचान है। यह एक विशिष्ट स्ट्रिंग होती है, जो अक्सर उलटे डोमेन नाम के प्रारूप में होती है (जैसे, com.yourcompany.yourappname)।

  • विशिष्टता: ऑपरेटिंग सिस्टम को आपके ऐप की पहचान करने में मदद करती है।
  • अपडेट: अपडेट के दौरान आपके ऐप को अलग पहचानने के लिए आवश्यक है।
  • डेटा संग्रहण: OS इसका उपयोग ऐप्लिकेशन-विशिष्ट डेटा के लिए करता है।

अपने एप्लिकेशन के लिए हमेशा विशिष्ट appId का उपयोग करें।

Windows-विशिष्ट कॉन्फ़िगरेशन

Windows के लिए electron-builder अलग-अलग प्रकार के इंस्टॉलर बना सकता है। सबसे सामान्य हैं NSIS (Nullsoft Scriptable Install System) और Squirrel.Windows।

  • NSIS: पारंपरिक `.exe` इंस्टॉलर बनाता है और अधिक अनुकूलन विकल्प देता है।
  • Squirrel.Windows: आसान स्वचालित अपडेट और सरल इंस्टॉलेशन अनुभव प्रदान करता है।

आप अपने "build" कॉन्फ़िगरेशन में "win" कुंजी के अंतर्गत Windows-विशिष्ट सेटिंग परिभाषित कर सकते हैं।

Windows कॉन्फ़िगरेशन का उदाहरण

Windows के लिए `electron-builder` को इस तरह कॉन्फ़िगर किया जा सकता है, जिसमें लक्ष्य और एक आइकन निर्दिष्ट किए जाते हैं:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "win": {
      "target": [
        "nsis",
        "squirrel"
      ],
      "icon": "build/icon.ico"
    }
  }
}

macOS-विशिष्ट कॉन्फ़िगरेशन

macOS पर मुख्य वितरण प्रारूप DMG (डिस्क इमेज) और PKG (इंस्टॉलर पैकेज) हैं। `electron-builder` इनके लिए आवश्यक विवरण संभालता है।

  • DMG: macOS ऐप वितरित करने का सबसे सामान्य तरीका, जिसमें ड्रैग-एंड-ड्रॉप इंस्टॉलेशन की सुविधा होती है।
  • PKG: एक पारंपरिक इंस्टॉलर पैकेज, जो अधिक जटिल इंस्टॉलेशन या संस्थागत वितरण के लिए उपयुक्त है।

महत्वपूर्ण macOS सेटिंग में category और bundleId शामिल हैं (जिसका मिलान आपके appId से होना चाहिए)।

macOS कॉन्फ़िगरेशन का उदाहरण

यह अंश macOS-विशिष्ट सेटिंग दिखाता है, जिनमें लक्ष्य, बंडल ID और एप्लिकेशन श्रेणी शामिल हैं:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "mac": {
      "target": [
        "dmg",
        "pkg"
      ],
      "category": "public.app-category.developer-tools",
      "bundleId": "com.yourapp.id",
      "icon": "build/icon.icns"
    }
  }
}

Linux-विशिष्ट कॉन्फ़िगरेशन

Linux में कई तरह के पैकेज प्रारूप होते हैं। electron-builder AppImage, deb और rpm जैसे लोकप्रिय प्रारूपों का समर्थन करता है।

  • AppImage: एक सार्वभौमिक प्रारूप, जो इंस्टॉलेशन के बिना अधिकांश Linux वितरणों पर चलता है।
  • deb: Debian-आधारित सिस्टम (Ubuntu, Debian) के लिए।
  • rpm: Red Hat-आधारित सिस्टम (Fedora, CentOS) के लिए।

macOS की तरह, आप अक्सर अपने एप्लिकेशन के लिए category परिभाषित करेंगे।

Linux कॉन्फ़िगरेशन का उदाहरण

यहाँ Linux के लिए कॉन्फ़िगरेशन का एक उदाहरण है, जिसमें अलग-अलग प्रारूपों को लक्ष्य बनाया गया है और एक आइकन सेट किया गया है:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "linux": {
      "target": [
        "AppImage",
        "deb",
        "rpm"
      ],
      "category": "Development",
      "icon": "build/icon.png"
    }
  }
}

अपनी पैकेजिंग संबंधी जानकारी जाँचें

`electron-builder` की लक्ष्य कॉन्फ़िगरेशन कुंजी का उसके मुख्य ऑपरेटिंग सिस्टम से मिलान करें।

दोहराव और अगले चरण

बहुत अच्छा! आपने electron-builder के साथ क्रॉस-प्लेटफ़ॉर्म पैकेजिंग की मूल बातें सीख ली हैं।

  • हमने देखा कि electron-builder Windows, macOS और Linux के लिए इंस्टॉलर बनाना कैसे सरल करता है।
  • आपने देखा कि प्लेटफ़ॉर्म-विशिष्ट सेटिंग सीधे अपनी package.json में कैसे कॉन्फ़िगर की जाती हैं।
  • सफल वितरण के लिए appId और अलग-अलग इंस्टॉलर लक्ष्यों (NSIS, DMG, AppImage) को समझना महत्वपूर्ण है।

अब आप कोड साइनिंग और नोटराइज़ेशन के बारे में सीखेंगे, जो यह सुनिश्चित करने के आवश्यक चरण हैं कि उपयोगकर्ता और ऑपरेटिंग सिस्टम आपके एप्लिकेशन पर भरोसा करें।

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

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

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

पाठ्यक्रम
12
पाठ
47

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

क्या “क्रॉस-प्लेटफ़ॉर्म पैकेजिंग” पाठ निःशुल्क है?

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

“क्रॉस-प्लेटफ़ॉर्म पैकेजिंग” में मैं क्या सीखूँगा?

मज़बूत क्रॉस-प्लेटफ़ॉर्म वितरण के लिए `electron-builder` का उपयोग करके उन्नत पैकेजिंग विकल्पों और कॉन्फ़िगरेशन में दक्षता प्राप्त करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Electron डेस्कटॉप ऐप विकास का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Electron डेस्कटॉप ऐप विकास शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

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

“क्रॉस-प्लेटफ़ॉर्म पैकेजिंग” पाठ पूरा करने में कितना समय लगता है?

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

क्या मैं इस Electron डेस्कटॉप ऐप विकास पाठ में कोड लिख और चला सकता हूँ?

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

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

  1. क्रॉस-प्लेटफ़ॉर्म पैकेजिंग
  2. कोड साइनिंग और नोटरीकरण
  3. ऐप स्टोर के माध्यम से वितरण
  4. CI/CD के साथ रिलीज़ स्वचालित करना
← Electron डेस्कटॉप ऐप विकास पर वापस जाएँ