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