Electron-forge應(yīng)用

一、 使用Electron-Forge做應(yīng)用的緣由

最近遇到一個(gè)需求，Web應(yīng)用登錄時(shí)要校驗(yàn)用戶的登錄Mac地址，以確定該用戶是在授權(quán)過(guò)的電腦設(shè)備上登錄的。沒(méi)錯(cuò)我傻了，沒(méi)多想就直接開(kāi)始做，后面卡到了，這管理端是獲取不到的啊，瀏覽器也限制了獲取客戶端電腦信息（除了IE）。然后想了很多方法都不行，最后決定做個(gè)桌面應(yīng)用，然后將電腦的信息通過(guò)接口給瀏覽器調(diào)用，之后看網(wǎng)上的大佬分析，這款是最適合的，方便快捷，上手快，只要有點(diǎn)前端基礎(chǔ)都用得起來(lái)，本人是個(gè)后端，也用得挺舒服的。

二、 Electron-Forge的應(yīng)用

1、 使用electron-forge的準(zhǔn)備

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

2） 裝git, electron-forge打包時(shí)會(huì)檢測(cè)系統(tǒng)，沒(méi)有裝git是打不了包的

3） 接下來(lái)打開(kāi)vscode，全局裝上electron-forge。

網(wǎng)上的文檔都有，我就不多說(shuō)了；

官網(wǎng)：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

　　做完這上面幾步，你能看到一個(gè)應(yīng)用的窗體顯示在桌面

　　如果沒(méi)有跑不起來(lái)，請(qǐng)直接打開(kāi)package.json,復(fù)制命令直接運(yùn)行

　　有沒(méi)有一種超級(jí)簡(jiǎn)單的感覺(jué)

三、 使用Electron -forge遇到坑

接下來(lái)就是本人遇到的坑了：

1、 關(guān)于package.json文件的配置electronPackagerConfig，配置icon的時(shí)候，不能加后綴，因?yàn)閑lectron-forge這個(gè)腳手架會(huì)幫你自動(dòng)檢測(cè)系統(tǒng)，自動(dòng)幫你加上適合系統(tǒng)的icon

2、 引入的包，開(kāi)發(fā)環(huán)境和正式環(huán)境都要，不然打包不成功

3、 最坑的來(lái)了，就是打包成安裝包的時(shí)候，項(xiàng)目名稱不能是中文，就是運(yùn)行electron-forge make，成功后安裝不了。

四、 一個(gè)Demo，已經(jīng)放上碼云了

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

五、 總結(jié)

1、 學(xué)習(xí)到了點(diǎn)新東西，不過(guò)用的還是很不熟悉，花了半天入門，然后后面都是跳坑里浪費(fèi)時(shí)間，感覺(jué)網(wǎng)上資料還是有點(diǎn)少，很多東西都得自己去搞清楚。

2、　詳細(xì)的解釋可以看我發(fā)在碼云上的demo

3、 轉(zhuǎn)發(fā)請(qǐng)注明出處，謝謝！

總結(jié)

以上是生活随笔為你收集整理的Electron-forge应用（打包填坑）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。