asar 包中读取文件。 由于 Electron 中打了特别补丁， Node API 中如 fs.readFile 或者 require 之类的方法可以将 asar 视之为虚拟文件夹，读取 asar 里面的文件就和从真实的文件系统中读取一样。 例如，假设我们在 /path/to 文件夹下有个 example.asar 包： 1. $ asar list mple.asar/static/index.html'); 在 Web 页面里，用 file: 协议可以获取 asar 包中文件。和 Node API 一样，视 asar 包如虚拟文件 夹。 例如，用 $.get 获取文件: 1. 有些场景，如：核查 asar 包的校验和，我们需要像读取“文件”那样读取 asar 包的内容(而不是当成虚拟文 件夹)。你可以使用内置的 original-fs （提供和 fs 一样的 API）模块来读取 asar 包的真实信息。 1. var originalFs = require('original-fs');

4.0)协议发布 all right reserved，powered by Gitbook最后更 新： 2020-08-09 10:12:44 应⽤举例 18 Electron安装 初始化环境 ⽤Electron之前，需要确保本地环境已安装好 npm 和 node 确保已安装了 Node.js ： node -v node -v 如果没有安装，则先去安装： brew └── renderer.js python⽀持 27 4 directories, 21 files 4 directories, 21 files ⽤VSCode打开，效果是： 初始化node环境 node要安装版本v8 之前： brew install node 安装出的node是 13.5.0 ，会导致后续编译electron有问题，所以需要换 8.x 版本的 "electron-rebuild":: "^1.8.8" "^1.8.8" }} }} 再去安装： npm npm install install 初始化Python开发环境 虚拟环境 此处Python的虚拟环境选择⽤： virtualenv 安装： pip pip install install virtualenv virtualenv 新建： virtualenv

负责-度假业务系统⼯工程化 瓦匠桌⾯面应⽤用开发者 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 Electron Vue项目实践 03 应⽤用介绍 瓦匠 瓦匠⼯工作台 ⼀一体化解决⽅方案 提⾼高开发效率 应⽤用介绍 背景概述 需求类型 CRUD⻚页⾯面 场景化⻚页⾯面 登录SDK，数据上报，权限系统，发 布系统等…… 新项⽬目 效率低，同质化，重复成本 查询、表单、图表 登录，监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 技术挑战 应⽤用介绍 ⽂文件的IO 可视化编辑 模板的编译 命令的调⽤用 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 Web开发能⼒力力不不⾜足 命令⾏行行⽆无法可视化 （GUI界⾯面) 桌⾯面应⽤用 …… 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 03 优点：性能好，安装包⼩小 缺点：开发周期⻓长，⽆无法跨平台 技术选型 Electron应⽤用 VS Code， POSTMAN ✔ 技术选型 前端选型 体积⼩小、轻量量化 健全的⽣生态 优秀的组件化机制 ✔ 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 03 Electron Vue项目实践 项⽬目实践 Electron原理理 两个核心

Electron 应⽤在执⾏⼀些⻓时间任务（⽐如上传、下载），我们想关闭界⾯后任务依旧执⾏。再次打开界⾯，依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 创建托盘和菜单示例 实例化 Tray 并传⼊图标路径； 创建菜单并配置到托盘中。 const { app, Menu, Tray } = require('electron') let tray = null;