Electron-forge應用（打包填坑）

Electron-forge應用

 

1、  使用Electron-Forge作應用的原因

最近遇到一個需求，Web應用登陸時要校驗用戶的登陸Mac地址，以肯定該用戶是在受權過的電腦設備上登陸的。沒錯我傻了，沒多想就直接開始作，後面卡到了，這管理端是獲取不到的啊，瀏覽器也限制了獲取客戶端電腦信息（除了IE）。而後想了不少方法都不行，最後決定作個桌面應用，而後將電腦的信息經過接口給瀏覽器調用，以後看網上的大佬分析，這款是最適合的，方便快捷，上手快，只要有點前端基礎都用得起來，本人是個後端，也用得挺舒服的。

2、  Electron-Forge的應用

一、    使用electron-forge的準備

1）    裝vscode，極力推薦vscode，輕量、上手快，vscode的社區氛圍也很好，插件多。

2）    裝git, electron-forge打包時會檢測系統，沒有裝git是打不了包的

3）    接下來打開vscode，全局裝上electron-forge。

網上的文檔都有，我就很少說了；

官網：https://www.worldlink.com.cn/osdir/electron-forge.html

二、    起步

npm install -g electron-forge electron-forge init my-new-app cd my-new-app npm start

　　作完這上面幾步，你能看到一個應用的窗體顯示在桌面

 

 

 

　　若是沒有跑不起來，請直接打開package.json,複製命令直接運行

 

　　有沒有一種超級簡單的感受

3、  使用Electron -forge遇到坑

接下來就是本人遇到的坑了：

一、    關於package.json文件的配置electronPackagerConfig，配置icon的時候，不能加後綴，由於electron-forge這個腳手架會幫你自動檢測系統，自動幫你加上適合系統的icon

 

二、    引入的包，開發環境和正式環境都要，否則打包不成功

 

三、    最坑的來了，就是打包成安裝包的時候，項目名稱不能是中文，就是運行electron-forge make，成功後安裝不了。

 

 

 

 

4、  一個Demo，已經放上碼雲了

https://gitee.com/aliyunjie/electron-forge-mac

5、  總結

一、    學習到了點新東西，不過用的仍是很不熟悉，花了半天入門，而後後面都是跳坑裏浪費時間，感受網上資料仍是有點少，不少東西都得本身去搞清楚。

二、　詳細的解釋能夠看我發在碼雲上的demo

三、    轉發請註明出處，謝謝！

原文出處：https://www.cnblogs.com/lrj1009IRET/p/Electron.html