一、開發(fā)環(huán)境配置
安裝Node.js 削彬， 推薦安裝最新的 長期支持版本 或者 當(dāng)前發(fā)行版本 玷坠。 訪問Node.js下載頁面咱旱，選擇Windows Installer。 下載完成后蜓斧， 執(zhí)行安裝程序列赎，根據(jù)引導(dǎo)完成安裝即可表鳍。在安裝過程中的配置界面, 請勾選Node.js runtime团甲、npm package manager和Add to PATH這三個選項逾冬。
二、electron項目的使用
1.進入項目根目錄
cd electron-quick-start
2.安裝依賴包
npm install
可能會出現(xiàn)安裝失敗的情況躺苦，需要重新安裝node.js和npm,然后嘗試
npm install -g node-gyp
npm install --global --production windows-build-tools
再進行依賴包安裝身腻。
3.將您（html、js匹厘、css構(gòu)成）的項目拖入electron項目中（放在根目錄或者放入新建文件夾）霸株。
4.在electron項目的main.js文件中的createWindow方法中寫入
mainWindow.loadFile('index.html') // 注意自己的index.html文件的相對路徑
5.啟動項目
npm start
6.打包項目
npm run package
三、將應(yīng)用與設(shè)備綁定集乔，實現(xiàn)應(yīng)用只能在指定設(shè)備上運行。
使用node-machine-id插件生成設(shè)備唯一識別id坡椒。
1.安裝node-machine-id
npm install node-machine-id
2.使用node-machine-id
在main.js文件中寫入
const { ipcMain} = require('electron')
const {machineId, machineIdSync} = require('node-machine-id')
在createWindow方法中寫入
ipcMain.on('getMachineId',function(event, arg) {
machineInfo = machineIdSync()
event.sender.send('machineId',machineInfo);
})
在renderer.js文件中寫入
const ipcRenderer = require('electron').ipcRenderer
在您的index.html文件引入renderer.js
<script type="text/javascript" src="renderer.js"></script>
在您的index.html寫入
const ipc = require('electron').ipcRenderer
const comID = '' //此常量為需要綁定的設(shè)備id
ipc.send("getMachineId");
ipc.on('machineId',function(event, arg) {
console.log(arg) // arg即為獲取到當(dāng)前設(shè)備的id ,用rag與comID 作比較判斷當(dāng)前設(shè)備是否為綁定的設(shè)備
})
3.使用electron-builder打包項目扰路。
使用npm run package打包項目，應(yīng)用出現(xiàn)無法找到node-machine-id的問題倔叼。
安裝electron-builder打包項目
npm install electron-builder
在package.json文件的scripts加入
"dist": "electron-builder --win --x64",
打包項目
npm run dist
打包成功后汗唱，項目根目錄會出現(xiàn)dist文件夾，其中password-strength Setup 1.0.0.exe即為應(yīng)用安裝文件丈攒。
