Electronin arkkitehtuuri: pää- ja renderöintiprosessit

Electron on kehys, joka yhdistää Chromiumin verkkosisällön renderöintiä varten ja Node.js:n natiivien rajapintojen käyttöä varten. Sen avulla kehittäjät voivat luoda monialustaisia työpöytäsovelluksia tuttujen verkkoteknologioiden avulla. React-sovellus toimii Chromium-selainikkunassa, kun taas Node.js antaa käyttöön käyttöjärjestelmän ominaisuudet.

Pääprosessi on Electron-sovelluksen lähtöpiste. Se hallitsee sovelluksen elinkaarta, luo ja hallitsee ikkunoita sekä käsittelee käyttöjärjestelmän natiivien toimintojen käyttöä. Se käynnistää renderöintiprosesseja, ja sillä on täydet käyttöoikeudet Node.js:n rajapintoihin ja taustalla olevaan käyttöjärjestelmään.

Jokainen BrowserWindow käynnistää oman renderöintiprosessinsa, jossa Chromium toimii ja React-sovellus suoritetaan. Jokaista ikkunaa kohden on yksi renderöintiprosessi, ja se toimii pitkälti tavallisen selaimen välilehden tavoin: se renderöi HTML:ää, CSS:ää ja JavaScriptiä.

Koska pääprosessilla on täydet Node.js-käyttöoikeudet, se voi lukea tiedostojärjestelmää ja kirjoittaa siihen, luoda natiivivalikoita, hallita järjestelmän ilmoitusaluetta, käynnistää aliprosesseja ja käyttää laitteistoa. Nämä ominaisuudet eivät ole renderöintiprosessissa oletusarvoisesti käytettävissä turvallisuussyistä.

Kun contextIsolation-asetuksen arvona on true (nykyaikainen oletus), renderöintiprosessi toimii hiekkalaatikkoympäristössä eikä voi käyttää Node.js:n rajapintoja suoraan. Tämä suojausmalli estää haitallista verkkosisältöä käyttämästä tiedostojärjestelmää tai suorittamasta mielivaltaisia järjestelmäkomentoja.

Prosessien välinen viestintä (IPC) on mekanismi, jonka avulla pääprosessi ja renderöintiprosessit voivat vaihtaa viestejä. Pääprosessi käyttää ipcMainia viestien kuuntelemiseen ja niihin vastaamiseen, kun taas renderöintiprosessi lähettää viestejä ipcRendererillä. Kaikki viestintä on asynkronista ja viestipohjaista.

Preload-skripti toimii erityisenä välikerroksena: se suoritetaan renderöintiprosessin kontekstissa, mutta sillä on pääsy Node.js:n rajapintoihin ennen sivun sisällön lataamista. Näin se muodostaa turvallisen sillan hiekkalaatikoidun renderöintiprosessin ja käyttöoikeuksiltaan laajemman pääprosessin välille.

contextBridge.exposeInMainWorld mahdollistaa sen, että preload-skripti voi tarjota renderöintiprosessille valikoidun ja tarkoin rajatun API:n turvallisesti. Renderöintiprosessi voi kutsua näitä julkaistuja funktioita saamatta koskaan suoraa pääsyä Node.js:ään tai Electronin sisäisiin rajapintoihin, mikä säilyttää vahvan turvallisuusrajan.

Kun contextBridge on julkaissut API:n esimerkiksi nimellä "api", React-komponentit voivat kutsua sitä muodossa window.api.myFunction(). Tämä näyttää tavallisen JavaScript-funktion kutsumiselta, mutta kulkee taustalla IPC:n kautta pääprosessiin.

Electronin suojausmalli estää nimenomaisesti suoran Node.js-käytön renderöintiprosessissa, kun contextIsolation on käytössä. Kaikkien käyttöoikeuksia vaativien toimintojen on kuljettava preload-skriptin ja contextBridgen kautta. Näin varmistetaan, että renderöintiprosessissa tapahtuva XSS-hyökkäys ei voi käyttää tiedostojärjestelmää.

Tyypillinen vuorovaikutus etenee näin: React-komponentti kutsuu window.api.readFile() → preload kutsuu ipcRenderer.invoke() → pääprosessin ipcMain.handle() suorittaa fs.readFile() → tulos palautuu Promise-arvona renderöintiprosessiin. Tämä arkkitehtuuri pitää renderöintiprosessin selkeänä ja turvallisena.

Electron yhdistää Chromiumin ja Node.js:n: pääprosessi hallitsee sovelluksen elinkaarta ja pääsee käyttämään koko käyttöjärjestelmää, kun taas renderöintiprosessit suorittavat React-käyttöliittymää hiekkalaatikkoympäristössä. Preload-skripti ja contextBridge muodostavat turvallisen sillan, ja IPC mahdollistaa turvallisen viestinnän käyttöoikeuksiltaan laajemman pääprosessin ja eristetyn renderöintiprosessin välillä.