Electron 生命周期看这篇就够了

window.onbeforeunload = (e) => {

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 <= 这个事件最后才发送是因为 closed 完全是异步的，被触发后就啥都不管了。使用 app.reluanch() 也是和 cmd+q 一样，不会触发 unload 事件。

2 正常启动，通过**ctrl+c**退出

…

> window-event: ready-to-show <=

^C==> app-event: before-quit <===

启动后，所有事件正常，但退出通过 ctrl+c 中断应用， Electron 就只发出了 before-quit 事件。试试其它方法：

• SIGHUP 和正常的退出流程大概一致

• SIGINT 是 ctrl+c 发出的信号

• SIGQUIT 会导致整个应用完全没有任何反应就退出

• SIGABRT 效果同上

• SIGKILL 效果同上

• SIGSEGV 效果同上，也是 process.crash() 发出的信号

• SIGTERM 和正常的退出流程一致，也是 app.quit() 的退出方式

3 正常启动，通过 app.exit() 退出

通过这种方式退出，与 process.exit() 一样，只会触发 quit 事件。

> html-event: DOMContentLoaded <=

> window-event: ready-to-show <=

> app-event: quit 0 <=

4 正常启动，通过 beforeunload 中断退出

通过 beforeunload 中调用 event.returnValue = false 中断应用的退出和窗口的关闭：

window.onbeforeunload = (event: Event) => {

log(‘beforeunload’)

event.returnValue = true

}

通过 cmd+q 会重复调用下面三个事件：

> app-event: before-quit <=

> window-event: close <=

> html-event: beforeunload <=

如果是直接关闭窗口：

> window-event: close <=

> html-event: beforeunload <=

5 正常启动，通过 BrowserWindow close 事件中断，就只会触发 close 事件：

> window-event: close <=

> window-event: close <=

> window-event: close <=

BrowserWindow closed 事件是没有 event 的。

6 正常启动，通过 app**before-quit** 中断，直接按 cmd+q 是不会关闭窗口。

> app-event: before-quit <=

> app-event: before-quit <=

> app-event: before-quit <=

通过 Ctrl+c 或者上面的一些 SIG 信号关闭，是会忽视这个中断关闭的操作。

7 正常启动，通过 will-quit 中断，直接按 cmd+q 会关闭所有窗口，但程序还是激活状态。

> app-event: before-quit <=

> app-event: will-quit <=

> app-event: before-quit <=

> app-event: will-quit <=

> app-event: before-quit <=

> app-event: will-quit <=

通过 Ctrl+C 或者上面的一些 SIG 信号关闭，是会忽视这个中断关闭的操作。

综上所述，总结为一个图：

---

---

启动场景

---

软件常见的启动有很多，比如通过 open 或者 Windows 的 start 启动，或者通过 url scheme 然后系统启动，或者拖动文档到 dock 或者 tray 启动。下面来说说启动软件后，软件参数和环境的路径。

▐  普通启动

一般双击软件启动，会经过**will-finish-launching**和 ready ，然后正常进入应用界面。

▐  单例模式下的应用启动

在应用启动的时候，检测**app.requestSingleInstanceLock()是否是单例模式，如果是就退出，并且发送一个事件给second-instance**，从这里再获取退出的应用的 argv 和 cwd。

其实这里检测是否是单例模式的方法是，看看 app.getPath(‘userData’) 下是否有 lock 文件。

通过命令行启动

命令行执行**/path/to/app --arg1 value1 --arg2 value2 document/path** ，会在应用启动的时候，通过 process.argv  和 process.cwd

通过 url scheme 启动

通过**app.setAsDefaultProtocolClient('electron-test')** 注册 url scheme，然后在 app 事件 open-url 的 url 参数获取 url 信息：

> app-event: did-become-active <=

> app-event: open-url <= electron-test://happy?abc=eee#ii=aa