基于Electron vue的桌应用实战2
提⾼高开发效率 应⽤用介绍 背景概述 需求类型 CRUD⻚页⾯面 场景化⻚页⾯面 登录SDK,数据上报,权限系统,发 布系统等…… 新项⽬目 效率低,同质化,重复成本 核⼼心功能 应⽤用介绍 多⼯工程模板 ⼀一键集成SDK 快速⽣生成⻚页⾯面 接⼊入发布系统 DevOps H5、PC 查询、表单、图表 登录,监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 技术挑战 应⽤用介绍 Electron Vue项目实践 项⽬目实践 Electron原理理 两个核心 Main-process Render-process 应⽤用架构选型 项⽬目实践 BrowserWindow 多窗⼝口 单窗⼝口 BrowserWindow BrowserWindow 业务1 业务2 适⽤用场景 IDE, IM等 业务1 业务2 特点:项⽬目协同开发,多任务处理理 适⽤用场景 ⼯工具,流程 Electron应⽤用 html CSS JS Node.js OS API 主进程,渲染进程 开发总结 资源⽂文件,安装包 调试 构建 发布 单窗⼝口、多窗⼝口 资源⽂文件 html CSS JS 渲染进程 单⻚页⾯面、多⻚页⾯面 Mac / Window / Linux Nginx / CDN 关注点 进程通信,内存管理理,版本管理理, 性能及Crash监控…… 兼容,DOM,组件、性能,……0 码力 | 34 页 | 3.47 MB | 1 年前3跨平台桌⾯应⽤框架:Electron
com/electron/apps/tree/master/apps 单独举例:⽤Electron可以开发出⾜够复杂的应⽤ 之前某⼈⽤Electron开发出⼀款⾜够复杂的应⽤。举例如下,供了解: 多⽪肤实时切换: 集装箱船 任意放⼤缩⼩ 拖动: 应⽤举例 12 应⽤举例 13 应⽤举例 14 应⽤举例 15 html5 ⽹⻚版 安卓版: 应⽤举例 16 增加了Web 3D显示,放⼤缩⼩旋转拾取: gyp ERR gyp ERR!! not ok not ok 原因: 表⾯上是node的v8.h头⽂件有问题 实际上:的确也是v8.h⽂件内容有问题 此处内容不全,只有7000多⾏,实际上完整的⽂件⼤概1万多⾏ 但是根本原因在于: 此处的node版本是v8.17.0 最⾼⽀持的electron版本是2.0.18 ⽽当前设置的electron的版本是7.1.2 解决办法:去把 electron0 码力 | 123 页 | 21.81 MB | 1 年前3electron中文教程
包中读取文件或者文件的信息,但是在处理一些依赖真实文件路径的 底层系统方法时,Electron 会将所需文件解压到临时目录下,然后将临时目录下的真实文件路径传给底层系统方法 使其正常工作。 对于这类API,耗费会略多一些。 以下是一些需要额外解压的 API: child_process.execFile child_process.execFileSync fs.open fs.openSync 内置的 Node 支持。你可以在这里查看 Electron 内置的 Node 版本,或者使用 process.version (参考:快速入门)查看。 考虑到 NAN 可以使你的开发更容易对多版本 Node 的支持,建议使用它来开发你自己的模块。你也可以使用 NAN 来移植旧的模块到新的 Nod e版本,以使它们可以在新的 Electron 下良好工作。 如下三种方法教你安装原生模块: 主进程调试 - 21 - 本文档使用 书栈(BookStack.CN) 构建 引自ChromeDriver - WebDriver for Chrome: WebDriver 是一款开源的支持多浏览器的自动化测试工具。它提供了操作网页、用户输入、JavaScript 执行等能力。ChromeDriver 是一个实现了 WebDriver 与 Chromium 联接协议的独立服务。它也是由开发了0 码力 | 203 页 | 2.72 MB | 1 年前3
共 3 条
- 1