利用 Electron 建立跨平台的桌面程式

Electron (前身是 Atom shell) 是 Github 開發的專案,基於 Node.js 跟 Chromium 來作為桌面的應用程式開發。因為是使用網路技術的根基,所以可以用寫網頁的方式,也就是 HTML、CSS、JS,來撰寫跨平台的桌面程式,不論是 Windows, mac, 還是 linux 皆可以使用。

來看看官方的介紹影片


有許多好用的工具也是使用 electron 開發的,著名的有 VS Code, slack, Atom…等等

Visual Studio Code

Slack

Atom


更神奇的是可以配合其他的框架(framwork)、套件(plugin)來進行開發,像是可以用 bootstrap 來打造應用程式的 GUI 界面。

也支援系統原生的選單(Menu)、系統匣(System Tray)、嵌入網頁(embeded)、麥克風跟攝影鏡頭的使用,還可以自訂或套用系統預設的快捷鍵。真的是相當好用的工具。

可以在網路上找到相當完整的教學 - Electron Tutorial

這邊也附上相關的補充資料(雖然是有點時間的資料,但還是有參考價值) - Electron × React — 前端開發者高速跨界桌面開發

這篇到這裡,有空的話,我再來寫相關的教學囉~~