Dažādu platformu darbvirsmas lietotnes ar Electron un TypeScript

Kāpēc darbvirsmas lietotnes joprojām ir svarīgas

Neraugoties uz tīmekļa dominanci, darbvirsmas lietotnes joprojām ir nepieciešamas daudzos lietošanas gadījumos. Bezsaistē strādājoši rīki, sistēmas līmeņa integrācijas, piekļuve aparatūrai un veiktspējai kritiskas lietotnes — visi tie iegūst no tā, ka darbojas tieši lietotāja ierīcē.

Electron ļauj veidot šādas lietotnes, izmantojot tīmekļa tehnoloģijas, ko Jūs jau pārzināt — HTML, CSS un TypeScript —, vienlaikus mērķējot uz Windows, macOS un Linux no vienas koda bāzes.

Arhitektūra

Electron lietotne sastāv no diviem procesiem:

• Galvenais process — darbojas Node.js, pārvalda logus, apstrādā sistēmas API
• Renderēšanas process — palaiž Jūsu tīmekļa saskarni (React, Vue vai parasto HTML)

import { app, BrowserWindow } from "electron";

function createWindow() {
  const win = new BrowserWindow({
    width: 1200,
    height: 800,
    webPreferences: {
      preload: path.join(__dirname, "preload.ts"),
    },
  });

  win.loadFile("index.html");
}

app.whenReady().then(createWindow);

TypeScript priekšrocības

TypeScript Electron izstrādei pievieno kritiski svarīgu drošību:

• IPC tipu drošība — definējiet tipētus kanālus starp galveno un renderēšanas procesu
• Konfigurācijas validācija — pamaniet nepareizu konfigurāciju kompilēšanas laikā
• Pārliecība pārstrukturēšanā — pārdēvējiet funkciju, un visas atsauces tiek atjauninātas

Reāli lietošanas piemēri

Lindevo komandā esam izveidojuši Electron lietotnes šādiem mērķiem:

• Īpašumu pārvaldības paneļi — bezsaistē spējīgi rīki kūrortu vadītājiem
• Inventāra uzskaites sistēmas — svītrkodu skenēšanas integrācija noliktavām
• Atskaišu ģeneratori — automātiska PDF ģenerēšana no datubāzes vaicājumiem

Platformu apsvērumi

Katrai operētājsistēmai ir savas īpatnības:

• Windows — izplatīšanai nepieciešama koda parakstīšana, MSI/NSIS instalatori
• macOS — nepieciešama notariālā apstiprināšana, izplatīšana ar DMG, atbalsts Apple Silicon
• Linux — AppImage vai Snap plašai saderībai, DEB/RPM konkrētiem izplatījumiem

Veiktspējas padomi

• Slinki ielādējiet smagus moduļus renderēšanas procesā
• CPU ietilpīgām operācijām izmantojiet darba pavedienus
• Samaziniet IPC izsaukumus starp galveno un renderēšanas procesu
• Profilējiet ar Chrome DevTools (iebūvēti Electron)

Kad izvēlēties Electron

Electron ir ideāla izvēle, ja Jūsu komandai ir tīmekļa izstrādes pieredze un nepieciešams atbalsts vairākām platformām. Maksimālai veiktspējai vai ļoti mazam pakas apjomam apsveriet alternatīvas, piemēram, Tauri (balstīts uz Rust). Lielākajai daļai biznesa lietotņu Electron briedums un ekosistēma padara to par pragmatisku izvēli.