PDF《Introduction 1.1》

1.

1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 2.1 2.2 2.3 3.1 3.2 3.3 4.1 4.2 4.3 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.8 5.9 5.10 5.11 5.12 目录 导引 Introduction 支援平台 应用程式发布 应用程式打包 Mac App Store 上架指引 使用原生 node 模组 主行程 Debug 使用 Selenium 和 WebDriver DevTools 扩充 使用 Pepper Flash 外挂 教学 快速入门 桌面环境整合 在线/离线事件侦测 API 参考 提要 行程物件 支援的 Chrome 命令行开关 File物件 物件 window.open函数 app auto-updater browser-window content-tracing dialog global-shortcut ipc (main process) menu menu-item power-monitor power-save-blocker protocol

1 5.13 5.14 5.15 6.1 6.2 6.3 7.1 7.2 7.3 7.4 7.5 8.1 8.2 8.3 8.4 8.5 8.6 8.7 8.8 session webContents tray ipc (renderer) remote web-frame clipboard crash-reporter native-image screen shell 开发 Coding style 源码目录结构 与 NW.js (原名node-webkit) 在技术上的差异 构建系统概况 构建步骤 (macOS) 构建步骤 (Windows) 构建步骤 (Linux) 在 debugger 中使用 symbol server

2 导引 支援平台 应用程式发布 应用程式打包 Mac App Store 上架指引 使用原生 node 模组 主行程 Debug 使用 Selenium 和 WebDriver DevTools 扩充 使用 Pepper Flash 外挂 教学 快速入门 桌面环境整合 在线/离线事件侦测 API 参考 提要 行程物件 支援的 Chrome 命令行开关 客制的 DOM 元素: File 物件 物件 window.open 函数 主行程可用的模组: app auto-updater browser-window content-tracing dialog global-shortcut ipc (main process) menu menu-item power-monitor power-save-blocker protocol session webContents tray 渲染行程可用的模组 (网页): ipc (renderer) remote web-frame Introduction

3 两种行程都可用的模组: clipboard crash-reporter native-image screen shell 开发 Coding style 源码目录结构 与 NW.js (原名node-webkit) 在技术上的差异 构建系统概况 构建步骤 (macOS) 构建步骤 (Windows) 构建步骤 (Linux) 在 debugger 中使用 symbol server Introduction

4 支援的平台 Electron 已支援以下平台: macOS macOS 系统只有

64 位元的执行档,且 macOS 的最低版本要求为 macOS 10.8. Windows Windows

7 和更新的版本都有支援,早期的作业系统都不支援(且无法运作). x86 和 amd64 (x64) 的执行档都有提供,请注意, ARM 版本的 Electron 还没有支援. Linux 已经建置好的 ia32 ( i686 ) 和 x64 ( amd64 ) Electron 执行档都是在 Ubuntu 12.04 的环境下编译, arm 执行档是在 hard- float ABI 和 Debian Wheezy 的 NEON 的 ARM v7 下编译的. 已建置好的执行档是否能够成功在 Linux 发行版执行,要看该发行版在建置的平台上是否含有 Electron 会连结的函式库,所 以只有 Ubuntu 12.04 是已确定可以运行的,而以下平台也都有验证过可以运行已建置好的 Electron 执行档: Ubuntu 12.04 and later Fedora

21 Debian

8 支援平台

5 应用程式部署 要部属你的 Electron 应用程式,你需要把你的应用程式资料夹命名为 app ,并放置於 Electron 的资源目录下 (在 macOS 中 位在 Electron.app/Contents/Resources/ 而 Linux 和 Windows 的是在 resources/ ),例如: macOS: electron/Electron.app/Contents/Resources/app/ package.json main.js index.html Windows 和 Linux: electron/resources/app package.json main.js index.html 然后执行 Electron.app (或者在 Linux 中是 electron , Windows 中是 electron.exe ),然后 Electron 将会启动你的应用 程式,目录 electron 会接著被部署给最后使用者. 打包你的应用程式成一个档案 除了透过复制所有原始档案来发布你的应用程式,你也可以使用 asar 来打包你的应用程式为一个压缩档,来避免暴露你的原 始码给使用者. 要使用 asar 压缩档来取代 app 资料夹,你需要重新命名该压缩档为 app.asar ,然后如下所示把它放到 Electron 的资源 目录中,接著 Electron 就会试著读取压缩档并从它开始执行. macOS: electron/Electron.app/Contents/Resources/ app.asar Windows 和 Linux: electron/resources/ app.asar 更多详细的介绍请参阅 应用程式打包. 重新塑造你的下载执行档品牌形象 当你完成 Electron 的应用程式打包后,在发布给使用者前,你会想想要重新塑造你的 Electron. Windows 你可以重新命名 electron.exe 为任何你喜欢的名称,然后透过像是 rcedit 的工具来编辑它的图示(icon)和其他资讯. macOS 应用程式发布