⼀一体化解决⽅方案 提⾼高开发效率 应⽤用介绍 背景概述 需求类型 CRUD⻚页⾯面 场景化⻚页⾯面 登录SDK，数据上报，权限系统，发 布系统等…… 新项⽬目 效率低，同质化，重复成本 核⼼心功能 应⽤用介绍 多⼯工程模板 ⼀一键集成SDK 快速⽣生成⻚页⾯面 接⼊入发布系统 DevOps H5、PC 查询、表单、图表 登录，监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 桌面应用的技术选型 桌面应用开发总结 01 04 03 Electron Vue项目实践 优点：开发速度快，跨平台，更更新迭代快 缺点：集成Chromium，安装包⼤大 优点：接近Native性能，功能丰富，跨平台 缺点：库太⼤大，编译慢，开发周期⻓长 桌⾯面应⽤用开发选型 技术选型 C++/C#/C+……(Windows) Objective-C/Swift(Mac) Qt: (Windows/Mac) Process Render Process Main Process IPC、RPC Render Process IPC 、RPC IPC ✔ 项⽬目实践 应⽤用架构 ⽤用户功能 ⼯工程搭建 项⽬目配置 模板注⼊入 构建部署 视图层 Bridge Node API Native API 服务端 Eggjs Cat Egg-cors Egg-Script 应⽤用层

当前文档 《electron中文教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认文档内容知识点是否错漏。如果您在阅读文档 获取知识的时候，发现文档内容有不恰当的地方，请 为了让你的应用满足沙箱的所有条件，在 MAS 构建的时候，下面的模块已被禁用： crashReporter autoUpdater 并且下面的行为也改变了: 一些视频采集功能无效。 某些辅助功能无法访问。 应用无法检测 DNS 变化。 也由于应用沙箱的使用方法，应用可以访问的资源被严格限制了；阅读更多信息 App Sandboxing。 取决于你所在地方的国家和地区，Mac 扩展，但它们必须存放在文件夹里。那些 以 crx 形式发布的扩展是不能被加载的，除非你把它们解压到一个文件夹里。 Electron 目前并不支持 chrome 扩展里的后台运行(background pages)功能，所以那些依赖此特性的 DevTools 扩展在 Electron 里可能无法正常工作。 有些 chrome 扩展使用了 chrome.* APIs，而且这些扩展在 Electron 中需要额外实现一些代码才能使用，所

任意放⼤缩⼩ 拖动： 应⽤举例 12 应⽤举例 13 应⽤举例 14 应⽤举例 15 html5 ⽹⻚版 安卓版： 应⽤举例 16 增加了Web 3D显示，放⼤缩⼩旋转拾取： 主界⾯功能布局做了调整： 窗⼝折叠： 应⽤举例 17 crifan.com，使⽤署名4.0国际(CC BY 4.0)协议发布 all right reserved，powered by Gitbook最后更 即可看到计算器的界⾯： python⽀持 32 ⾄此即在mac中跑通此处的 electron-python-example 了。 剩下的就是⾃⼰实现⾃⼰需要的逻辑和功能了。 打包和发布 在实现了⾃⼰的业务逻辑和功能后，再去打包和发布。 python的打包 先⽤ PyInstaller 打包： cd cd electron-python-example electron-python-example 运⾏报错：PermissionError Errno 13 Permission denied txt 【已解决】mitmdump被PyInstaller和electron-builder打包后功能不正常⽆法抓报到有效url链接地 址 【已解决】mac中如何获取electron的app的根⽬录 【未解决】Electron打包双击app启动时python⽤正则处理从sys的argv中解析出app⽂件所在根⽬

托盘（tray）实现后台执⾏⻓任务。 Electron 应⽤在执⾏⼀些⻓时间任务（⽐如上传、下载），我们想关闭界⾯后任务依旧执⾏。再次打开界⾯，依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 创建托盘和菜单示例 实例化 Tray 并传⼊图标路径； 创建菜单并配置到托盘中。 const { app, Menu, Tray } = require('electron') checked: true }, { label: 'Item4', type: 'radio' } ]) tray.setContextMenu(contextMenu) }) 基于托盘功能实现后台运⾏应⽤ 关闭应⽤前唤醒对话框⼆次确认 关闭应⽤时，触发对话框，可⽀持 3 种场景： 点击「取消」取消关闭操作； 点击「退出」，「后台运⾏」选中时，界⾯关闭，托盘不关闭，任务继续执⾏；