2016年6月1日 星期三

ⓒ使用Electron開發JavaScript的Windows桌面應用程式


站長好一陣子沒有寫文章,
今天要來寫一篇Electron的教學。

1. 首先安裝軟體:

到官方網站下載Node.js並安裝,
現在的Node.js安裝版已經內建了npm套件管理工具。
https://nodejs.org/en/download/ (node-v4.4.5-x64.msi)


執行『cmd』打開命令提示字元,
輸入NPM語法安裝以下軟體。

安裝electron-prebuilt:



安裝electron-packager:



安裝asar:



2. 準備好程式與配置檔:

視窗主程式(index.js)


網頁主程式(index.html)



配置文件檔(package.json)


hello專案目錄下的檔案:
index.html
index.js
package.json


3. 編譯成執行

執行『cmd』打開命令提示字元,進入hello目錄,執行下面語法:


接著就會在目錄下生成一個『hello-win32-x64』目錄,
執行目錄下的『hello.exe』即可執行程式囉。

編譯過程影片:



後記:
稍微要注意的是Electron使用的是1.0.2版本,
因為最新版的有些人似乎會出現問題。

好一陣子都在趕程式做報告,
今天這篇主要是用來筆記也分享出來,
希望對大家有點幫助這樣。
張貼留言