Electron-forge應用(打包填坑)
Electron-forge應用
一、 使用Electron-Forge做應用的緣由
最近遇到一個需求,Web應用登入時要校驗使用者的登入Mac地址,以確定該使用者是在授權過的電腦裝置上登入的。沒錯我傻了,沒多想就直接開始做,後面卡到了,這管理端是獲取不到的啊,瀏覽器也限制了獲取客戶端電腦資訊(除了IE)。然後想了很多方法都不行,最後決定做個桌面應用,然後將電腦的資訊通過介面給瀏覽器呼叫,之後看網上的大佬分析,這款是最適合的,方便快捷,上手快,只要有點前端基礎都用得起來,本人是個後端,也用得挺舒服的。
二、 Electron-Forge的應用
1、 使用electron-forge的準備
1) 裝vscode,極力推薦vscode,輕量、上手快,vscode的社群氛圍也很好,外掛多。
2) 裝git, electron-forge打包時會檢測系統,沒有裝git是打不了包的
3) 接下來開啟vscode,全域性裝上electron-forge。
網上的文件都有,我就不多說了;
官網:https://www.worldlink.com.cn/osdir/electron-forge.html
2、 起步
npm install -g electron-forge electron-forge init my-new-app cd my-new-app npm start
做完這上面幾步,你能看到一個應用的窗體顯示在桌面
如果沒有跑不起來,請直接開啟package.json,複製命令直接執行
有沒有一種超級簡單的感覺
三、 使用Electron -forge遇到坑
接下來就是本人遇到的坑了:
1、 關於package.json檔案的配置electronPackagerConfig,配置icon的時候,不能加字尾,因為electron-forge這個腳手架會幫你自動檢測系統,自動幫你加上適合系統的icon
2、 引入的包,開發環境和正式環境都要,不然打包不成功
3、 最坑的來了,就是打包成安裝包的時候,專案名稱不能是中文,就是執行electron-forge make,成功後安裝不了。
四、 一個Demo,已經放上碼雲了
https://gitee.com/aliyunjie/electron-forge-mac
五、 總結
1、 學習到了點新東西,不過用的還是很不熟悉,花了半天入門,然後後面都是跳坑裡浪費時間,感覺網上資料還是有點少,很多東西都得自己去搞清楚。
2、 詳細的解釋可以看我發在碼雲上的demo
3、 轉發請註明出處,謝