Electron आर्किटेक्चर: मुख्य और रेंडरर प्रक्रियाएँ

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

मुख्य प्रक्रिया इलेक्ट्रॉन एप्लिकेशन का प्रवेश बिंदु होती है — यह एप्लिकेशन का जीवनचक्र प्रबंधित करती है, विंडो बनाती और नियंत्रित करती है, तथा नेटिव OS इंटरैक्शन संभालती है। यह रेंडरर प्रक्रियाएँ शुरू करती है और इसे Node.js एपीआई तथा अंतर्निहित ऑपरेटिंग सिस्टम तक पूर्ण पहुँच होती है।

प्रत्येक BrowserWindow अपनी रेंडरर प्रक्रिया शुरू करता है, जो क्रोमियम चलाती है और आपका रिएक्ट एप्लिकेशन निष्पादित करती है। प्रत्येक विंडो के लिए एक रेंडरर प्रक्रिया होती है और यह सामान्य ब्राउज़र टैब की तरह व्यवहार करती है — यह HTML, CSS और JavaScript रेंडर करती है।

मुख्य प्रक्रिया को Node.js तक पूर्ण पहुँच होने के कारण यह फ़ाइल प्रणाली को पढ़ और लिख सकती है, नेटिव मेनू बना सकती है, सिस्टम ट्रे प्रबंधित कर सकती है, अधीनस्थ प्रक्रियाएँ शुरू कर सकती है और हार्डवेयर के साथ इंटरैक्ट कर सकती है। सुरक्षा कारणों से ये क्षमताएँ डिफ़ॉल्ट रूप से रेंडरर में उपलब्ध नहीं होतीं।

जब contextIsolation को true पर सेट किया जाता है, जो आधुनिक डिफ़ॉल्ट है, तो रेंडरर प्रक्रिया सैंडबॉक्स में चलती है और सीधे Node.js एपीआई तक पहुँच नहीं सकती। यह सुरक्षा मॉडल दुर्भावनापूर्ण वेब सामग्री को आपकी फ़ाइल प्रणाली तक पहुँचने या मनमाने सिस्टम कमांड निष्पादित करने से रोकता है।

अंतर-प्रक्रिया संचार (IPC) वह तंत्र है, जो मुख्य और रेंडरर प्रक्रियाओं को संदेशों का आदान-प्रदान करने देता है। मुख्य प्रक्रिया संदेश सुनने और उनका उत्तर देने के लिए ipcMain का उपयोग करती है, जबकि रेंडरर उन्हें भेजने के लिए ipcRenderer का उपयोग करता है — पूरा संचार असिंक्रोनस और संदेश-आधारित होता है।

प्रीलोड स्क्रिप्ट एक विशेष मध्यवर्ती भूमिका निभाती है: यह रेंडरर प्रक्रिया के संदर्भ में चलती है, लेकिन पृष्ठ की सामग्री लोड होने से पहले Node.js एपीआई तक पहुँच बनाए रखती है। इसलिए यह सैंडबॉक्स किए गए रेंडरर और विशेषाधिकार प्राप्त मुख्य प्रक्रिया के बीच सुरक्षित पुल बन जाती है।

contextBridge.exposeInMainWorld प्रीलोड स्क्रिप्ट को रेंडरर के लिए चुनिंदा और सावधानी से तैयार की गई सुरक्षित एपीआई उजागर करने देता है। रेंडरर इन उजागर किए गए फ़ंक्शन को कॉल कर सकता है, बिना Node.js या इलेक्ट्रॉन के आंतरिक घटकों तक सीधे पहुँच पाए। इससे एक मजबूत सुरक्षा सीमा बनी रहती है।

जब contextBridge किसी एपीआई को "api" जैसे नाम के अंतर्गत उजागर कर देता है, तब आपके रिएक्ट घटक window.api.myFunction() के ज़रिए उसे कॉल कर सकते हैं। यह सामान्य JavaScript फ़ंक्शन को कॉल करने जैसा लगता है, लेकिन पर्दे के पीछे यह IPC के ज़रिए मुख्य प्रक्रिया तक पहुँचता है।

जब contextIsolation सक्षम होता है, तो इलेक्ट्रॉन का सुरक्षा मॉडल रेंडरर में सीधे Node.js पहुँच को स्पष्ट रूप से प्रतिबंधित करता है। सभी विशेषाधिकार प्राप्त क्रियाएँ प्रीलोड स्क्रिप्ट और contextBridge के ज़रिए होनी चाहिए। इससे यह सुनिश्चित होता है कि रेंडरर में XSS हमला होने पर भी वह फ़ाइल प्रणाली तक पहुँच न सके।

एक सामान्य इंटरैक्शन इस तरह होता है: रिएक्ट घटक window.api.readFile() कॉल करता है → प्रीलोड ipcRenderer.invoke() को कॉल करता है → मुख्य प्रक्रिया में ipcMain.handle() fs.readFile() निष्पादित करता है → परिणाम रेंडरर को Promise के रूप में वापस मिलता है। यह संरचना रेंडरर को साफ़ और सुरक्षित रखती है।

इलेक्ट्रॉन क्रोमियम और Node.js को मिलाता है: मुख्य प्रक्रिया ऐप का जीवनचक्र प्रबंधित करती है और उसे OS तक पूर्ण पहुँच होती है, जबकि रेंडरर प्रक्रियाएँ आपके रिएक्ट यूआई को सैंडबॉक्स किए गए वातावरण में चलाती हैं। प्रीलोड स्क्रिप्ट और contextBridge सुरक्षित पुल बनाते हैं, तथा IPC विशेषाधिकार प्राप्त मुख्य प्रक्रिया और पृथक रेंडरर के बीच सुरक्षित संचार सक्षम करता है।