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

अपने Electron ऐप को पैकेज करना

`electron-builder` जैसे टूल का उपयोग करके अपने Electron ऐप्लिकेशन को विभिन्न ऑपरेटिंग सिस्टम (Windows, macOS, Linux) पर वितरण के लिए पैकेज करना जानें।

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

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

अपने ऐप का पैकेज क्यों बनाएं?

जब आप Electron ऐप विकसित करते हैं, तो वह Node.js और Chromium का उपयोग करके चलता है। हालांकि, आपके उपयोगकर्ताओं के सिस्टम में Node.js इंस्टॉल नहीं होगा और वे यह नहीं जानते होंगे कि आपकी विकास फ़ाइलों को कैसे चलाना है।

अपने ऐप्लिकेशन का पैकेज बनाने का अर्थ है उसकी सभी आवश्यक फ़ाइलों—आपका कोड, Electron रनटाइम और अन्य संसाधन—को एक ऐसी एकल निष्पादन योग्य फ़ाइल या इंस्टॉलर में शामिल करना, जिसे आसानी से वितरित किया जा सके, जैसे Windows के लिए .exe या macOS के लिए .dmg।

Electron Builder से परिचय

electron-builder Electron ऐप्लिकेशन के पैकेज बनाने और उन्हें वितरित करने का सबसे लोकप्रिय और भरोसेमंद समाधान है। यह आपके ऐप को विभिन्न ऑपरेटिंग सिस्टम के लिए तैयार करने की जटिल प्रक्रिया को सरल बनाता है।

क्रॉस-प्लेटफ़ॉर्म: एक ही कोड आधार से Windows, macOS और Linux के लिए निर्माण करें।
इंस्टॉलर: प्लेटफ़ॉर्म-विशिष्ट इंस्टॉलर बनाएं, जैसे Windows के लिए NSIS और macOS के लिए DMG।
स्वचालित अपडेट: स्वचालित अपडेट तंत्र के साथ सहज रूप से एकीकृत होता है।
अनुकूलन: आइकन, उत्पाद नाम और अन्य चीज़ों के लिए व्यापक विकल्प देता है।

Electron Builder इंस्टॉल करना

सबसे पहले, आपको अपने प्रोजेक्ट में electron-builder को विकास निर्भरता के रूप में जोड़ना होगा। अपने प्रोजेक्ट की मूल निर्देशिका में टर्मिनल खोलकर यह चलाएं:

npm install --save-dev electron-builder

प्रोजेक्ट का बुनियादी सेटअप

पैकेज बनाने से पहले सुनिश्चित करें कि आपका package.json सही ढंग से तैयार है। यह आपके ऐप्लिकेशन की मूल जानकारी और प्रवेश बिंदु निर्धारित करता है। यहां एक न्यूनतम उदाहरण है:

name: आपके ऐप का विशिष्ट पहचानकर्ता।
version: वर्तमान संस्करण।
main: आपकी मुख्य Electron स्क्रिप्ट का पथ।
scripts.start: विकास के दौरान आपका ऐप चलाने का आदेश।

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  }
}

निर्माण के लिए package.json कॉन्फ़िगर करना

अब अपने package.json में build कॉन्फ़िगरेशन जोड़ें। यह खंड electron-builder को बताता है कि आपके ऐप का पैकेज कैसे बनाना है।

appId: आपके ऐप का विशिष्ट पहचानकर्ता, जैसे com.yourcompany.yourapp।
productName: वह नाम जो उपयोगकर्ताओं को आपके ऐप के लिए दिखाई देगा।
directories.output: वह स्थान जहां पैकेज की गई फ़ाइलें सहेजी जाएंगी, आमतौर पर dist।
scripts.build: निर्माण शुरू करने का आदेश।

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },
  "build": {
    "appId": "com.yourcompany.yourapp",
    "productName": "My Awesome App",
    "directories": {
      "output": "dist"
    }
  }
}

Windows के लिए निर्माण

Windows के लिए electron-builder कई लक्ष्य बना सकता है। सबसे सामान्य हैं मानक इंस्टॉलर के लिए nsis (Nullsoft Scriptable Install System), या ऐसे एकल निष्पादन योग्य के लिए portable जिसे इंस्टॉल करने की आवश्यकता नहीं होती।

आप निर्माण आदेश चलाते समय लक्ष्य निर्दिष्ट कर सकते हैं:

npm run build -- --win nsis

macOS के लिए निर्माण

macOS पर सामान्य वितरण प्रारूपों में निर्देशित इंस्टॉलेशन के लिए dmg (Disk Image), या .app बंडल के सीधे संग्रह के लिए zip शामिल हैं।

macOS ऐप्लिकेशन के लिए category निर्दिष्ट करना भी अच्छा अभ्यास है।

npm run build -- --mac dmg

Linux के लिए निर्माण

Linux विभिन्न वितरणों की आवश्यकताओं के अनुसार कई पैकेज प्रारूप प्रदान करता है:

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

AppImage बनाने का तरीका यहां दिया गया है:

npm run build -- --linux AppImage

आइकन के साथ अनुकूलन

ब्रांड की पहचान के लिए कस्टम ऐप्लिकेशन आइकन आवश्यक है। आप अपने package.json के build खंड में किसी एक आइकन का पथ निर्दिष्ट कर सकते हैं। electron-builder विभिन्न प्लेटफ़ॉर्म के लिए अलग-अलग आकार अपने आप बना देगा।

अपने मुख्य आइकन, जैसे .png, को प्रोजेक्ट की मूल निर्देशिका में मौजूद build निर्देशिका में रखना अच्छा माना जाता है।

{
  "build": {
    "appId": "com.yourcompany.yourapp",
    "productName": "My Awesome App",
    "directories": {
      "output": "dist"
    },
    "icon": "build/icon.png"
  }
}

अपना निर्माण चलाएं!

अपने package.json को कॉन्फ़िगर करने के बाद निर्माण आदेश चलाना आसान है। यह आदेश पैकेज बनाने की प्रक्रिया शुरू करेगा, जिसमें आपके प्रोजेक्ट के आकार और इंटरनेट की गति (Electron बाइनरी डाउनलोड करने के लिए) के आधार पर कुछ मिनट लग सकते हैं।

प्रक्रिया पूरी होने पर, आपको अपने पैकेज किए गए ऐप्लिकेशन की फ़ाइलें dist निर्देशिका में मिलेंगी।

npm run build

पैकेजिंग सुविधाओं की प्रश्नोत्तरी

अपने Electron ऐप का पैकेज बनाने के लिए electron-builder का उपयोग करने के निम्नलिखित में से कौन-से उचित कारण हैं?

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

पुनरावलोकन: वितरण के लिए तैयार

आपने अपने Electron ऐप्लिकेशन का पैकेज बनाने की आवश्यक बातें सीख ली हैं!

पैकेजिंग आपके ऐप को वितरित किए जा सकने वाले प्रारूप में शामिल करती है।
electron-builder विभिन्न प्लेटफ़ॉर्म के लिए पैकेज बनाने का प्रमुख उपकरण है।
कॉन्फ़िगरेशन package.json में होता है, जहां ऐप का मेटाडेटा और निर्माण लक्ष्य निर्धारित किए जाते हैं।
आप Windows (nsis), macOS (dmg) और Linux के विभिन्न प्रारूपों (AppImage, deb, rpm) के लिए इंस्टॉलर बना सकते हैं।

अब आपका ऐप दुनिया के साथ साझा करने के लिए तैयार है!

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

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

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

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

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

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

क्या “अपने Electron ऐप को पैकेज करना” पाठ निःशुल्क है?

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

“अपने Electron ऐप को पैकेज करना” में मैं क्या सीखूँगा?

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

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

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

“अपने Electron ऐप को पैकेज करना” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

← Electron डेस्कटॉप ऐप विकास पर वापस जाएँ