[electron]快速做一個桌面應用程式

關於electron直接去官網看就很清楚了,大概就是將網站做成桌面的應用程式。

之前用node.js寫一些處理檔案的程式,覺得在自己的電腦跑node.js也蠻方便的(npm上癮),所以就去找看看node.js能不能寫桌面程式,就找到了這個框架,使用起來真的非常簡單

快速入門就如官網貼的

# 複製 Quick Start 儲存庫
$ git clone https://github.com/electron/electron-quick-start

# 進到儲存庫裡
$ cd electron-quick-start

# 安裝相依的套件並執行
$ npm install && npm start

馬上就可以看到一個視窗程式了,然後如果想打包成執行檔要用Electron Packager,我試了一下也很容易使用

# 官方推薦使用這個安裝
npm install electron-packager --save-dev

# For use from the CLI
npm install electron-packager -g

如果使用第二個全域安裝的話,就能直接下指令打包產生執行檔了,相關參數可參考electron-packager API,quick是app名稱,我隨便取的

# 打包成windows執行檔
electron-packager . quick --platform=win32

如果安裝在專案底下,可以去修改package.json檔,修改後大概會長這樣

 ...
"scripts": {
    "start": "electron .",
    "build": "electron-packager . quick --platform=win32"
  },
...

然後下指令,npm run build就可以了,執行完就會產生一包資料夾quick-win32-x64,點進去點執行檔就有了,輕鬆簡單快速。

不過我只是大概玩一下而已,沒實際實作過什麼,之後有做的話再跟大家分享。

Leave a Reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *