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、 转发请注明出处,谢谢!
- 【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件)
- electron工具打包html成桌面应用
- electron打包成msi和exe应用
- 使用electron-builder来打包electron应用
- Electron 将网页打包成桌面应用(web页面生成exe)
- 【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件) 标签: 跨平台node.js桌面应用electronelectron-packager 2017-04-
- 使用electron打包桌面应用
- Vue + Electron 打包桌面应用
- 【electron】electron入门 教你如何创建第一个electron应用 并进行打包【超详细】
- 使用electron打包桌面应用
- 关于在Vue项目中,运用electron打包成web桌面应用的心得浅见
- Vue开发跨端应用(四)electron发布web应用并打包app
- 使用electron将vue项目打包为web或者是app应用
- VUE 2.x + electron 打包桌面应用exe
- 【Electron】 Electron 开发桌面应用(一) 编写→运行→打包
- electron 将pc端(vue)页面打包为桌面端应用
- 将vue3.0项目打包成electron桌面应用
- eclipse实现JavaWeb应用增量打包
- 用Pyinstaller打包发布exe应用
- android开发之应用打包签名混淆流程