致谢 向导 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 Chrome clipboard crashReporter nativeImage screen shell 开发 代码规范 源码目录结构 与 NW.js（原 node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol Server Electron 常见问题 - 3 - 本文档使用 书栈(BookStack 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认文档内容知识点是否错漏。如果您在阅读文档 获取知识的时候，发现文档内容有不恰当的地方，请向我们反馈，让我们共同携手，将知识准确、高效且有效地传递

@美团点评-到店事业群 负责-度假业务系统⼯工程化 瓦匠桌⾯面应⽤用开发者 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 Electron Vue项目实践 03 应⽤用介绍 瓦匠 瓦匠⼯工作台 ⼀一体化解决⽅方案 提⾼高开发效率 应⽤用介绍 背景概述 需求类型 CRUD⻚页⾯面 场景化⻚页⾯面 登录SDK，数据上报，权限系统，发 布系统等…… 新项⽬目 效率低，同质化，重复成本 核⼼心功能 应⽤用介绍 多⼯工程模板 ⼀一键集成SDK 快速⽣生成⻚页⾯面 接⼊入发布系统 DevOps H5、PC 查询、表单、图表 登录，监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 技术挑战 应⽤用介绍 ⽂文件的IO 可视化编辑 模板的编译 命令的调⽤用 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 Web开发能⼒力力不不⾜足 多窗⼝口 单窗⼝口 BrowserWindow BrowserWindow 业务1 业务2 适⽤用场景 IDE, IM等 业务1 业务2 特点：项⽬目协同开发，多任务处理理 适⽤用场景 ⼯工具，流程 特点：交互简单，通信⽅方便便 Vuex Render Process Main Process Render Process Main Process IPC、RPC Render

python⽀持 ⼼得 开发 Web技术 Log⽇志 打包 制作app的Logo asar files electron-builder electron-rebuild 不同系统 Win Mac 不同语⾔ Python electron-python-example js Node electron和node版本对应关系 NODE_MODULE_VERSION和node版本对应关系 ⽐如开发⽅⾯的Web技术、Log⽇志等；打包⽅⾯的如何制作app的logo、asar加密压缩、files参数、 打包⼯具electron-builder、编译⼯具electron-rebuild等，以及常⻅的系统如Windows和Mac系统中常⻅ 问题和解决⽅案；以及不同语⾔，⽐如Python、js等的⽀持，整理了Node相关信息，最后附上相关⽂ 档和教程等资料。 源码+浏览+下载 本书的各种源码、在线浏览地址、多种格式⽂件下载如下： ⽽不是Web应⽤ 基本原理 将 Chromium 和 Node.js 合并到同⼀个运⾏时环境中 让你使⽤纯 JavaScript 调⽤丰富的原⽣(操作系统) APIs 并将其打包为 Mac 、 Windows 和 Linux 系统下的应⽤ 架构 后端：挣钱养家 的 Node.js 负责：实现业务逻辑 注： Node.js 是 Javascript 的⼀个 Web Server

createFromPath(path.resolve(__dirname, 'icon.png')), message: `确定要退出吗？`, detail: '选择后台运⾏，正在运⾏的任务将在系统托盘中继续运⾏。', checkboxLabel: '后台运⾏', checkboxChecked: true, buttons: btns, preventDefault(); } }) e.preventDefault(); }); 效果如下： 创建托盘并添加菜单操作 禁⽤双击（MacOS 系统不⽀持双击操作） 菜单栏⽀持操作：关于产品、显示、退出 MacOS 默认是左单击打开菜单栏、Windows 是右单击打开菜单栏 Windows 左单击显示界⾯ let tray = null; setContextMenu(contextMenu); } createTray(); 根据操作系统类型和系统 Mode 定制托盘图标 MacOS ⽀持 light、dark 两种 mode，根据 mode 展示不同的图标： nativeTheme.shouldUseDarkColors 可以判断系统 mode 切换系统 Mode 定制托盘图标改变 const getTrayIcon = () =>