Electron Mimarisi: Ana ve Görüntüleyici Süreçleri

Electron, Chromium'u (web oluşturma için) Node.js ile (yerel API erişimi için) birleştiren ve geliştiricilerin tanıdık web teknolojilerini kullanarak farklı platformlarda çalışan masaüstü uygulamaları oluşturmasını sağlayan bir çerçevedir. React uygulamanız bir Chromium tarayıcı penceresinin içinde çalışırken Node.js, işletim sistemi yeteneklerine erişmenizi sağlar.

Ana süreç, bir Electron uygulamasının giriş noktasıdır; uygulamanın yaşam döngüsünü yönetir, pencereler oluşturup denetler ve yerel OS etkileşimlerini işler. Oluşturucu süreçleri başlatır ve Node.js API'lerine ve temel işletim sistemine tam erişime sahiptir.

Her BrowserWindow, Chromium'u çalıştıran ve React uygulamanızı yürüten kendi oluşturucu sürecini başlatır. Her pencere için bir oluşturucu süreç vardır ve bu süreç normal bir tarayıcı sekmesine çok benzer şekilde davranır; HTML, CSS ve JavaScript oluşturur.

Ana süreç tam Node.js erişimine sahip olduğundan dosya sistemini okuyup yazabilir, yerel menüler oluşturabilir, sistem tepsisini yönetebilir, alt süreçler başlatabilir ve donanımla etkileşim kurabilir. Güvenlik nedenleriyle bu yetenekler varsayılan olarak oluşturucu süreçte kullanılamaz.

contextIsolation true olarak ayarlandığında (modern varsayılan ayar), oluşturucu süreç korumalı alana alınır ve Node.js API'lerine doğrudan erişemez. Bu güvenlik modeli, kötü amaçlı web içeriğinin dosya sisteminize erişmesini veya rastgele sistem komutları çalıştırmasını önler.

Süreçler Arası İletişim (IPC), ana ve oluşturucu süreçlerin mesaj alışverişi yapmasını sağlayan mekanizmadır. Ana süreç mesajları dinlemek ve yanıtlamak için ipcMain'i, oluşturucu süreç ise mesaj göndermek için ipcRenderer'ı kullanır; tüm iletişim eşzamansız ve mesaj tabanlıdır.

Ön yükleme betiği özel bir ara katmanda çalışır: oluşturucu süreç bağlamında yürütülür, ancak sayfa içeriği yüklenmeden önce Node.js API'lerine erişimini korur. Bu özellik, korumalı alana alınmış oluşturucu süreç ile ayrıcalıklı ana süreç arasında güvenli bir köprü oluşturmasını sağlar.

contextBridge.exposeInMainWorld, ön yükleme betiğinin oluşturucu sürece seçerek sunduğu güvenli ve özenle belirlenmiş bir API'yi dışa aktarmasını sağlar. Oluşturucu süreç, Node.js'e veya Electron iç yapılarına hiçbir zaman doğrudan erişmeden bu dışa aktarılan işlevleri çağırabilir; böylece güçlü bir güvenlik sınırı korunur.

contextBridge, API'yi "api" gibi bir ad altında dışa aktardıktan sonra React bileşenleriniz bu API'yi window.api.myFunction() aracılığıyla çağırabilir. Bu işlem normal bir JavaScript işlevini çağırmaya çok benzer; ancak arka planda IPC üzerinden ana sürece yönlendirilir.

Electron güvenlik modeli, contextIsolation etkinleştirildiğinde oluşturucu süreçte Node.js'e doğrudan erişimi açıkça yasaklar. Tüm ayrıcalıklı işlemler ön yükleme betiği ve contextBridge üzerinden gerçekleştirilmelidir. Böylece oluşturucu süreçte bir XSS saldırısı gerçekleşse bile saldırı dosya sistemine erişemez.

Tipik bir etkileşim şu şekilde ilerler: React bileşeni window.api.readFile() işlevini çağırır → ön yükleme betiği ipcRenderer.invoke() işlevini çağırır → ana süreçte ipcMain.handle() fs.readFile() işlevini yürütür → sonuç, oluşturucu sürece Promise olarak döner. Bu mimari, oluşturucu süreci temiz ve güvenli tutar.

Electron'da contextBridge.exposeInMainWorld işlevinin temel amacı nedir?

Electron, Chromium ile Node.js'i birleştirir: ana süreç uygulamanın yaşam döngüsünü yönetir ve OS'ye tam erişime sahiptir; oluşturucu süreçler ise React kullanıcı arayüzünüzü korumalı bir ortamda çalıştırır. Ön yükleme betiği ile contextBridge güvenli köprüyü oluşturur, IPC ise ayrıcalıklı ana süreç ile yalıtılmış oluşturucu süreç arasında güvenli iletişimi sağlar.