非常教程

Electron参考手册

指南 | Guides

无头CI系统测试(Travis CI,Jenkins) | Testing on Headless CI Systems (Travis CI, Jenkins)

基于Chromium,Electron需要显示驱动程序才能正常工作。如果Chromium找不到显示驱动程序,Electron将无法启动 - 因此无法执行任何测试,无论您如何运行它们。因此,在Travis,Circle,Jenkins或类似系统上测试基于电子的应用程序需要一点点配置。实质上,我们需要使用虚拟显示驱动程序。

配置虚拟显示服务器

首先,安装Xvfb。这是一个虚拟帧缓冲器,实现了X11显示服务器协议 - 它在内存中执行所有图形操作,而不显示任何屏幕输出,这正是我们所需要的。

然后,创建一个虚拟xvfb屏幕并导出名为DISPLAY的指向它的环境变量。Chromium in Electron会自动寻找$DISPLAY,因此不需要进一步配置您的应用程序。这一步可以通过Paul Betts的xvfb-maybe实现自动化:使用前置测试命令xvfb-maybe,如果当前系统需要,小工具将自动配置xvfb。在Windows或MacOS上,它将无所作为。

## On Windows or macOS, this just invokes electron-mocha
## On Linux, if we are in a headless environment, this will be equivalent
## to xvfb-run electron-mocha ./test/*.js
xvfb-maybe electron-mocha ./test/*.js

Travis CI

在Travis,你.travis.yml应该看起来大概是这样的:

addons:
  apt:
    packages:
      - xvfb

install:
  - export DISPLAY=':99.0'
  - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &

Jenkins

对于Jenkins,Xvfb插件可用。

Circle CI

Circle CI非常棒,并且$DISPLAY 已经安装了 xvfb ,因此无需进一步配置。

AppVeyor

AppVeyor在Windows上运行,支持Selenium,Chromium,Electron和类似工具 - 无需配置。

Electron

Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。

主页 https://electron.atom.io/
源码 https://github.com/electron/electron
发布版本 1.7.9

Electron目录

1.指南 | Guides
2.指南·开发 | Guides: Development
3.Webview 组件 |
4.加速器 | Accelerator
5.API
6.API·对象 | API·Objects
7.app
8.autoUpdater
9.浏览器总览 | BrowserView
10.浏览器窗口 | BrowserWindow
11.浏览器窗口代理 | BrowserWindowProxy)
12.ClientRequest
13.剪贴板 | clipboard
14.内容追踪 | contentTracing
15.小型文字档案 | Cookies
16.crashReporter
17.调试器 | Debugger
18.desktopCapturer
19.dialog
20.电子下载 | DownloadItem
21.环境变量 | Environment Variables
22.无框窗口 | Frameless Window
23.globalShortcut
24.IncomingMessage
25.ipcMain
26.IPC渲染器 | ipcRenderer
27.语言环境 | Locales
28.画面 | Menu
29.MenuItem
30.本地图像 | nativeImage
31.net
32.通知 | Notification
33.权限监控 | powerMonitor
34.权限存储拦截器 | powerSaveBlocker
35.处理 | process
36.协议 | protocol
37.远程 | remote
38.sandbox
39.屏幕 | screen
40.会话 | session
41.shell
42.系统表现 | systemPreferences
43.触摸板 | TouchBar
44.触摸板按钮 | TouchBarButton
45.触摸板颜色选择器 | TouchBarColorPicker
46.触摸板组 | TouchBarGroup
47.触摸板标签 | TouchBarLabel
48.触摸板弹出框 | TouchBarPopover
49.触摸板清理 | TouchBarScrubber
50.触摸板分段控制 | TouchBarSegmentedControl
51.触摸板滑块 | TouchBarSlider
52.触摸板间隔 | TouchBarSpacer
53.Tray
54.网页内容 | webContents
55.网页框架 | webFrame
56.网页要求 | WebRequest
57.窗口开启 | window.open