Electron 生命周期看这篇就够了 |
您所在的位置：网站首页 › linux信号的生命周期 › Electron 生命周期看这篇就够了 |
Electron 生命周期看这篇就够了
|
常见应用都有启动、激活、关闭这些事件，Electron 作为一个跨平台的 GUI 框架，为了兼顾不同的场景，需要的事件就会更多。如果想要更深入的了解 Electron 整个生命周期的流程，需要对应用生命周期，窗口的生命周期以及页面内的生命周期的时机有一个清晰的理解。 一图胜千言： 这里把这些事件分成三部分，App 事件、BrowserWindow 事件以及 Renderer 进程中的 Web 事件。这些都是对官方文档的整理和实际的经验总结的： App 事件介绍事件：will-finish-launching 返回：event: Event 在 Windows/Linux 中与事件ready时机相同，在 macOS 中相当于 NSApplication 的 applicationWillFinishLaunching 通知，也就是在 NSApplication 开始初始化，默认的通知中心立即发起这个事件，所以一定比ready 事件早。 用途：常用于open-file 和open-url监听器，并启动崩溃报告和自动更新。 事件：ready 返回：event: Event,launchInfo: Record 事件：open-file[macOS] 应在 ready 之前对 open-file 进行监听。如果自己接管文件的打开，应该event.preventDefault() 触发条件 应用已经打开，并且通过扩展名或者 macOS 命令行中的 open 命令打开文件的时候，触发 拖放一个文件到 Dock 但应用还没有运行的时候触发 Windows 电脑中，需要通过主进程的 process.argv 进行解析 事件：open-url 返回：event: Event, url: string 事件open-url 是系统通过 Electron 应用打开 url 时触发，如果想要自己接管打开url，应该调用event.preventDefault()。并且要在 info.plist 中定义 url scheme，如果是 Electron Builder 打包的，可以找到 extendInfo 配置，能省去很多麻烦。 原话是这么说的：Your application's Info.plist file must define the URL scheme within the CFBundleURLTypes key, and set NSPrincipalClass to AtomApplication. // main.ts // for electron-test://abc?query1=value1 app.setAsDefaultProtocolClient('electron-test'); app.on('will-finish-launching', (event: Event) => { log(`==> app-event: will-finish-launching { log(`==> app-event: open-url { console.log('I do not want to be closed') e.returnValue = false // equivalent to `return false` but not recommended } 复制代码事件：closed 返回：无 因为这是个异步事件，所以回调的方法无法影响 BrowserWindow 的生命周期。 事件：ready-to-show 返回：无 这个窗口属性如果是show:true，也会在没显示的时候就触发事件。 Renderer 进程中的 Web 事件介绍事件：window:load 返回：event: Event 在窗口开始加载的时候触发，添加监听有两种方法，下面的unlaod和beforeunload 也是一样： window.onload = (event: Event) => { console.log(event.type) // output: load } window.addEventListener('load', (event: Event) => { console.log(event.type) // output: load }) 复制代码事件：window: unload 返回：event: Event unload 事件不会被中断。 一般情况下，Electron 退出是来不及发出 unload 事件的，只有关闭窗口和重载窗口会发出。 事件：window:beforeunload 返回：event: Event 中断：可以 返回非 undefined 就会中断主进程 BrowserWindow 的 close 事件 在窗口重载的时候，也会被触发 事件：document: DOMContentLoaded 返回：event: Event 等所有 DOM 准备好后触发。 退出场景 正常退出 Cmd+q 或者菜单中的退出按钮，Windows 中 Alt+F4 app.quit() autoupdater.quitAndInstall() app.reluanch() 异常退出比如常见的在主进程调用 process.crash() 。 SIG 信号退出我们常见的命令行退出软件的方式有 Ctrl+c ，命令行给进程发送了 SIGKILL 信号，其实还有其它常见关闭进程的方式，可以通过 kill 对进程发送信号，比如 kill -s KILL 24567 或者 kill -9 24567 ： 1 HUP (hang up) 2 INT (interrupt) 3 QUIT (quit) 6 ABRT (abort) 9 KILL (non-catchable, non-ignorable kill) 14 ALRM (alarm clock) 15 TERM (software termination signal) 复制代码 具体的退出例子1、正常命令行启动，通过Cmd+q退出 ==> app-event: will-finish-launching app-event: session-created app-event: web-contents-created app-event: browser-window-created app-event: ready app-event: did-become-active app-event: web-contents-created html-event: DOMContentLoaded html-event: load window-event: ready-to-show app-event: before-quit window-event: close html-event: beforeunload app-event: will-quit app-event: quit window-event: closed window-event: closed window-event: ready-to-show app-event: before-quit html-event: DOMContentLoaded window-event: ready-to-show app-event: quit 0 { log('beforeunload') event.returnValue = true } 复制代码通过 cmd+q 会重复调用下面三个事件： ==> app-event: before-quit window-event: close html-event: beforeunload window-event: close html-event: beforeunload window-event: close window-event: close window-event: close app-event: before-quit app-event: before-quit app-event: before-quit app-event: before-quit app-event: will-quit app-event: before-quit app-event: will-quit app-event: before-quit app-event: will-quit app-event: did-become-active app-event: open-url |
【本文地址】