2019年6月8日 星期六

[Nodejs] Electron建立可執行檔


一、Electron


可使用html作為GUI介面的設計,進行配置後也可支援Angular、React、Vue相應的環境,再透過electron packager 可以打包成exe,或者,使用electron builder建置安裝檔。

若是使用Angular,可直接clone angular-electron這個倉庫,裡面已將各版本的環境都建置模板了。

又或者,想要建置一個非常基礎的應用程式,clone 官方的quick start來進行修改會快速很多,但此專案並不包含electron packager,需另外進行配置。


二、Electron Packager


npm install electron-packager --save-dev

  • 在package.json中的script加入指令

"build" :  "electron-packager ./ appname --out ./dist --overwrite"


三、Electron Builder


npm install electron-builder --save-dev



  • 配置package.json


"build": {
    "appId": "com.xxx.app",
    "mac": {
      "target": ["dmg","zip"]
    },
    "win": {
      "target": ["nsis","zip"]
    }
},
"scripts": {
     "builder": "electron-builder --win --x64"
}


沒有留言:

張貼留言