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

शेल एकीकरण

Electron के `shell` मॉड्यूल के माध्यम से ऑपरेटिंग सिस्टम के डिफ़ॉल्ट ऐप्लिकेशन का उपयोग करके बाहरी लिंक, फ़ाइलें और निर्देशिकाएँ खोलना सीखें।

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

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

शेल इंटीग्रेशन का परिचय

शेल इंटीग्रेशन में आपका स्वागत है! Electron में आपका डेस्कटॉप ऐप उपयोगकर्ता के ऑपरेटिंग सिस्टम (OS) के साथ शक्तिशाली तरीकों से इंटरैक्ट कर सकता है।

इसका अर्थ है कि आप बाहरी लिंक और फ़ाइलें खोल सकते हैं या OS के फ़ाइल एक्सप्लोरर में आइटम दिखा सकते हैं, ठीक वैसे ही जैसे मूल ऐप करते हैं।

`shell` मॉड्यूल से परिचय

इन OS इंटरैक्शन को आसान और सुरक्षित बनाने के लिए Electron अंतर्निहित shell मॉड्यूल उपलब्ध कराता है। यह मुख्य और रेंडरर दोनों प्रक्रियाओं में उपलब्ध है।

shell मॉड्यूल आपके ऐप को URL या फ़ाइलें खोलने जैसे कार्य OS के डिफ़ॉल्ट ऐप्लिकेशन को सौंपने देता है।

बाहरी URL खोलना

सबसे सामान्य उपयोग-प्रकरण उपयोगकर्ता के डिफ़ॉल्ट ब्राउज़र में वेब लिंक खोलना है। आप यह shell.openExternal(url) से कर सकते हैं।

सुरक्षा के लिए यह बहुत महत्वपूर्ण है: बाहरी वेब सामग्री को अपने ऐप के अंदर रेंडर करने के बजाय, आप उसे विश्वसनीय ब्राउज़र को सौंप देते हैं।

कोड: बाहरी लिंक खोलें

बाहरी URL खोलने का तरीका यहाँ बताया गया है। यह कोड आमतौर पर आपके main.js में होगा या रेंडरर द्वारा सक्रिय किए जाने पर प्रीलोड स्क्रिप्ट से कॉल किया जाएगा।

इस उदाहरण को चलाकर देखें:

const { app, shell } = require('electron');

app.whenReady().then(() => {
  // In a real app, this would be triggered by a user action.
  // For this demo, it opens when the app is ready.
  shell.openExternal('https://www.electronjs.org/docs')
    .then(() => console.log('Opened Electron docs!'))
    .catch(err => console.error('Failed to open URL:', err));
  // A real Electron app would also create a BrowserWindow here.
});

स्थानीय फ़ाइलें और फ़ोल्डर खोलना

क्या आपको अपने ऐप से कोई दस्तावेज़, छवि या डायरेक्टरी खोलनी है? shell.openPath(path) का उपयोग करें।

यह फ़ंक्शन दी गई फ़ाइल या डायरेक्टरी को उस फ़ाइल प्रकार के लिए OS के डिफ़ॉल्ट ऐप्लिकेशन से खोलने का प्रयास करता है।

कोड: स्थानीय फ़ाइल खोलें

यह उदाहरण एक सरल टेक्स्ट फ़ाइल बनाता है और फिर उसे OS के डिफ़ॉल्ट टेक्स्ट एडिटर से खोलता है।

इस उदाहरण को चलाकर देखें:

const { app, shell } = require('electron');
const path = require('path');
const fs = require('fs');

app.whenReady().then(() => {
  const userDataPath = app.getPath('userData');
  const filePath = path.join(userDataPath, 'my-document.txt');

  // Create a dummy file for demonstration
  fs.writeFileSync(filePath, 'Hello from CoddyKit! This is your document.');

  shell.openPath(filePath)
    .then(() => console.log(`Opened: ${filePath}`))
    .catch(err => console.error(`Failed to open path: ${err}`));
});

एक्सप्लोरर/फाइंडर में आइटम दिखाना

कभी-कभी आप फ़ाइल खोलना नहीं चाहते, बल्कि केवल यह दिखाना चाहते हैं कि वह कहाँ है। shell.showItemInFolder(fullPath) ठीक यही करता है।

यह उपयोगकर्ता के ऑपरेटिंग सिस्टम के फ़ाइल प्रबंधक में निर्दिष्ट फ़ाइल दिखाता है, जैसे Windows में फ़ाइल एक्सप्लोरर और macOS में Finder, और वैकल्पिक रूप से उसे चुन भी सकता है।

कोड: फ़ोल्डर में आइटम दिखाएँ

आइए एक और फ़ाइल बनाएँ और फिर उपयोगकर्ता को उसका स्थान दिखाएँ।

इस उदाहरण को चलाकर देखें:

const { app, shell } = require('electron');
const path = require('path');
const fs = require('fs');

app.whenReady().then(() => {
  const desktopPath = app.getPath('desktop');
  const fileToShowPath = path.join(desktopPath, 'coddykit_demo_file.txt');

  // Create a dummy file on the desktop
  fs.writeFileSync(fileToShowPath, 'Find me!');

  shell.showItemInFolder(fileToShowPath);
  console.log(`Showing item in folder: ${fileToShowPath}`);
});

सुरक्षा और सर्वोत्तम अभ्यास

shell विधियों का उपयोग करते समय, विशेष रूप से उपयोगकर्ता द्वारा दिए गए इनपुट के साथ, हमेशा सुरक्षा का ध्यान रखें:

URL मान्य करें: openExternal() को कॉल करने से पहले सुनिश्चित करें कि URL सुरक्षित और इच्छित है।
संदर्भ पृथक्करण: रेंडरर प्रक्रिया में केवल आवश्यक shell फ़ंक्शन को सुरक्षित रूप से उपलब्ध कराने के लिए प्रीलोड स्क्रिप्ट का उपयोग करें।
त्रुटि प्रबंधन: openExternal और openPath जैसी प्रॉमिस-आधारित विधियों के लिए हमेशा .catch() शामिल करें।

शेल पर त्वरित जाँच

उपयोगकर्ता के डिफ़ॉल्ट ब्राउज़र में वेब लिंक खोलने के लिए आप shell मॉड्यूल की किस विधि का उपयोग करेंगे?

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

पुनरावलोकन: शेल इंटीग्रेशन

बहुत अच्छा! आपने सीखा कि Electron का shell मॉड्यूल आपके ऐप को मूल OS के साथ इंटरैक्ट करने में कैसे मदद करता है:

वेब लिंक के लिए shell.openExternal()।
स्थानीय फ़ाइलों/फ़ोल्डरों के लिए shell.openPath()।
फ़ाइल प्रबंधक में आइटम दिखाने के लिए shell.showItemInFolder()।

ये विधियाँ आपके ऐप की कार्यक्षमता को मूल वातावरण तक सहज और सुरक्षित रूप से बढ़ाने का तरीका देती हैं।

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

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

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

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

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

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

क्या “शेल एकीकरण” पाठ निःशुल्क है?

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

“शेल एकीकरण” में मैं क्या सीखूँगा?

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

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

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

“शेल एकीकरण” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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