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、    轉發請注明出處,謝謝!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM