亲宝软件园·资讯

展开

Electron-forge应用(打包填坑)

弹琴不谈情 人气:1

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、    转发请注明出处,谢谢!

加载全部内容

相关教程
猜你喜欢
用户评论