Electron介紹

一、總結

一句話總結：

Electron：Build cross platform desktop apps with JavaScript, HTML, and CSS：使用 JavaScript, HTML 和 CSS 構建跨平台的桌面應用

如果你可以建一個網站，你就可以建一個桌面應用程序。 Electron 是一個使用 JavaScript, HTML 和 CSS 等 Web 技術創建原生程序的框架，它負責比較難搞的部分，你只需把精力放在你的應用的核心上即可。

 

1、Electronu優缺點？

1、Web 技術：Electron 基於 Chromium 和 Node.js, 讓你可以使用 HTML, CSS 和 JavaScript 構建應用。

2、跨平台：Electron 兼容 Mac、Windows 和 Linux，可以構建出三個平台的應用程序。

3、缺點的話就是對開發人員稍微麻煩點，但是也並不麻煩

 

 

 

二、Electron的介紹

轉自或參考：Electron的介紹
https://www.cnblogs.com/kimbosung/p/6926302.html

1.1 Electron是什么？

引用官網的一句話： Build cross platform desktop apps with JavaScript, HTML, and CSS

1.2 誕生

技術背景：

JavaScript近幾年的全領域發展，個人理解JavaScript是思想對java的前進，從compile once,run everywhere轉變為code once,run everywhere，由於JavaScript本身的是一門解釋性的腳本語言，這讓它逐漸的成為全宇宙使用最廣泛的語言，沒有之一。

JavaScript只是JavaScript，在瀏覽器中，它操作DOM和BOM，在服務器端它操作FileSystem，HTTP，所以在任何環境，他都可以執行，即使是在幾M的內存環境，這點對物聯網來說很重要。

調用需求：

傳統的PC軟件開發成本太高，和網絡的興起，讓傳統的開發逐漸被在線系統吊打，高成本必然逐漸的走下坡路，這是符合經濟上發展的趨勢，但是由於性能的問題，不管是VR還是直播，需要采集視頻，音頻，網卡信息，而這些模塊大多數還是C、C++來獲取

傳統局限： 在瀏覽器里，Web頁面通常運行在一個沙盒環境里，它不能訪問本地的資源。 比如在Web頁面里，調用本地GUI是不允許的，因為在Web頁面里管理本地GUI資源是非常危險的而且非常容易導致資源泄露。如果你想在Web頁面進行GUI操作，該Web頁面的渲染進程必須通過和主進程通信來請求主進程處理這些操作。

1.3 Electron的組成

1.軟件成分： Electron: 1.2.6 Node: 6.1.0 Chromium: 51.0.2704.106 V8: 5.1.281.65 （各方面都足夠新，ES和TS都可以擼代碼），這里不能看具體的版本

2.工具支持：（官方提供） 功能上支持： Automatic updates Native menus & notifications App crash reporting Debugging & profiling Windows installers

寫代碼&部署： Electron Packager — Package your apps，作者就是用處工具打包
Electron Builder — Deploy your apps Spectron — Test your apps Devtron — Debug your apps Electron Prebuilt — Install Electron，作者沒有使用
Menubar — Create menubar apps