zoukankan      html  css  js  c++  java
  • 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、    转发请注明出处,谢谢!

  • 相关阅读:
    Android 显示或隐藏标题栏进度条TitleProgressBar
    Android 利用Sharp样式设置文本框EditText圆角形状
    Android 中带有进度条效果的按钮(Button)
    Android 手势滑动,多点触摸放大缩小图片
    Android (Notification)消息推送机制
    Android AutoCompleteTextView控件实现类似百度搜索提示,限制输入数字长度
    Android 横向列表GridView 实现横向滚动
    Android 利用 AsyncTask 异步读取网络图片
    Android 各种功能代码收集
    Android 之 AlarmManager(定时器) 的介绍和使用
  • 原文地址:https://www.cnblogs.com/lrj1009IRET/p/Electron.html
Copyright © 2011-2022 走看看