1. 程式人生 > >Electron 構建桌面應用程序開發資料整理

Electron 構建桌面應用程序開發資料整理

tps desktop ade googl spa 運行 文檔 lec span

Electron 是什麽?

Electron 是一個程序庫,基於Electron庫我們可以使用HTML、CSS、JS來開發跨平臺桌面應用程序(building cross-platform desktop applications with HTML, CSS, and JavaScript.)

學習資源 Electron 官網文檔 https://electron.atom.io/docs/

Electron 實現原理 ?

技術分享

Electron 結合了 Chromium 開源瀏覽器和帶有一系列原生操作系統函數(打開文件對話框、通知、圖標等等)的自定義 API 的 Node.js。

  • API 應用程序接口描述了一系列可供你使用的函數庫中的函數。
  • Chromium 由 Google 創建,這是 Google 的 chrome 瀏覽器使用的開源庫。
  • Node.js (或者簡稱 Node) 一個工具,可以通過他來使用 JavaScript 編寫服務端程序,訪問文件系統和網絡(你的電腦也是一臺服務器)

技術分享

Electron 運行流程

技術分享

學習資源 Electron 基礎精要 https://coyee.com/article/11018-essential-electron

Electron Quick Start 快速入門 electron-quick-start

用Electron開發桌面應用 http://get.ftqq.com/7870.get

Electron Github開源庫 https://github.com/electron

Electron 案例樣本 https://electron.atom.io/community/#boilerplates

使用 AngularJS 和 Electron 構建桌面應用 https://segmentfault.com/a/1190000004202948

Electron - 創建跨平臺的桌面客戶的應用程序 http://www.cnblogs.com/lhb25/p/create-cross-platform-desktop-applications.html

Electron項目在windows系統下如何實現自動更新 http://www.tuicool.com/articles/zUzMJjJ

使用electron構建跨平臺Node.js桌面應用經驗分享 http://www.zhangxinxu.com/wordpress/2017/05/electron-node-js-desktop-application-experience/

【譯】Electron 的本質 https://segmentfault.com/a/1190000007503495#articleHeader10

Electron+jQuery 項目打包 https://segmentfault.com/a/1190000004863646

前端項目打包(可運行程序、可安裝包)https://segmentfault.com/a/1190000007206301

Electron的在線升級熱更新功能 http://www.zhangxinxu.com/wordpress/2017/06/how-electron-online-update-hot-fix/

Electron 構建桌面應用程序開發資料整理