contentTracing dialog globalShortcut ipcMain Menu MenuItem powerMonitor - 2 - 本文档使用 书栈(BookStack.CN) 构建 powerSaveBlocker protocol session webContents Tray 在渲染进程（网页）内可用的模块 desktopCapturer ipcRenderer node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol Server Electron 常见问题 - 3 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《electron中文教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack.CN) 构建 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron

多⼯工程模板 ⼀一键集成SDK 快速⽣生成⻚页⾯面 接⼊入发布系统 DevOps H5、PC 查询、表单、图表 登录，监控、埋点 瓦匠 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 技术挑战 应⽤用介绍 ⽂文件的IO 可视化编辑 模板的编译 命令的调⽤用 ⼯工程搭建 模板注⼊入 构建部署 项⽬目配置 Web开发能⼒力力不不⾜足 命令⾏行行⽆无法可视化 （GUI界⾯面) Process Main Process IPC、RPC Render Process IPC 、RPC IPC ✔ 项⽬目实践 应⽤用架构 ⽤用户功能 ⼯工程搭建 项⽬目配置 模板注⼊入 构建部署 视图层 Bridge Node API Native API 服务端 Eggjs Cat Egg-cors Egg-Script 应⽤用层 中间层 客户端 Vue Vue-Router Vue-Router Vuex Iview Electron 底层 Main Process Render Process 底层 代理理层 SSO Stash ⽤用户信息 版本统计 权限管理理 构建层 Electron-builder webpack Gulp etc…… UAC ├── bin │ ├── jenkins.sh │ ├── run-test.sh ├── tasks

所属技术领域： 跨平台的桌⾯端应⽤开发 谁开发的： Github 旧称： Atom Shell 历史 2013年作为构建Github上可编程的⽂本编辑器Atom的框架⽽被开发出来 2014春季这两个项⽬开源出来 ⼀句话描述：⼀个⽤纯Web技术来构建跨平台桌⾯应⽤程序的开源框架 Web技术： HTML 、 CSS 和 JavaScript 对⽐：传统桌⾯应⽤都是⾮Web技术开发的 Chromium 是 Chrome 的浏览器的内核实现 可把Electron看成 ⼀个被 JavaScript 控制的，精简版的 Chromium 浏览器 ⼀个 Node. js 的变体 专注于桌⾯应⽤⽽不是 Web Server 端 使⽤ web ⻚⾯作为它的 GUI 主⻚ Electron | 使⽤ JavaScript，HTML 和 CSS 构建跨平台的桌⾯应⽤程序 竞品 nw Python 代码交互了。 然后再去启动electron： ./node_modules/.bin/electron ./node_modules/.bin/electron .. 即可看到计算器的界⾯： python⽀持 32 ⾄此即在mac中跑通此处的 electron-python-example 了。 剩下的就是⾃⼰实现⾃⼰需要的逻辑和功能了。 打包和发布 在实现了⾃⼰的业务逻辑和功能后，再去打包和发布。