Electron加密打包文件

1.安裝 electron-packager

注意：先複製一份package.json文件到./app目錄下，（千萬記住這一點，我在這步這折騰了好幾個小時才弄明白）然後記得改下package.json裏main:main.js的路徑（去掉app/）

使用命令 npm install --save-dev electron-packager將electron-package安裝到本地

安裝完成後，package.json中會多出一條electron-package的版本號配置信息

"devDependencies": {
    "electron-packager": "^6.0.0",
    "electron-prebuilt": "^0.37.3",
    "gulp": "^3.9.1"
  }

electron-packager的打包基本命令是：

electron-packager <location of project> <name of project> <platform> <architecture> <electron version> <optionaloptions>

命令有點長，每次要是都用這個命令來打包得蛋疼死，所以我們改進一下：
·在package.json中添加腳本

"scripts": {
    "start": "electron .",
    "packager": "electron-packager ./app mclans --all --out ./OutApp --version 0.37.3 --overwrite --icon=./app/img/icon/icon.ico"
  }

注意：我的命令行裏的icon文件路徑

在命令行裏運行：
npm run-script packager
這樣就會啓動electron-packager來進行打包命令了，第一次打包要下載相關文件，一定要翻牆，下載時常根據網絡狀況而定。

打完包以後 會在./OutApp下生成對應平臺的包

運行包下的.exe文件 就可以看到我們的應用了

2.加密資源

可以看到，在每個包下的resources文件夾裏的app文件夾 就是我們寫的程序，這樣我們的代碼就是暴露在用戶電腦上的，這非常的不安全，還好electron 自帶了加密功能。
安裝 asar:npm install --save-dev asar
安裝完成以後,就可以使用asar命令講程序文件打包了，
asar pack ./app app.asar

執行完畢以後，在./下可以看到app.asar文件，把他複製到./OutApp/mclans.../resources/下，然後把resources下的app文件夾刪除，運行resources上層的appName.exe文件可以啓動應用了。

3.使用nsis製作安裝程序

下載安裝nsis(自己百度去)
啓動nsis，選擇新建腳本：嚮導
程序應用信息

第一步：程序基本信息，根據自己實際情況填寫就行；

第二步：安裝程序圖標，自己選擇。安裝程序文件就是要輸出的.exe文件,隨便放。安裝程序語言根據自己實際需要選擇；

第三步閃屏和背景屬性：根據自己實際情況選擇；

第四步目錄授權：根據自己實際情況選擇；

第五步選擇文件：選擇我們輸出的文件的目錄；

第六步創建快捷圖標：根據自己實際情況選擇；

第七步指定安裝完成後的動作：基本就是啓動本程序即可；

第八步卸載相關屬性：根據自己實際情況選擇；

完成！！
完成之後摁F9或者選擇NSIS->編譯並運行 編譯並運行
運行完畢之後

即可在應用跟目錄下看到我們的安裝文件

至此使用electron編寫應用以及打包部分，就完成了，下一步就是使用jQuery編寫具體程序了，我先去學會兒，過幾天在寫。