非常教程

Electron参考手册

指南 | Guides

应用包装 | Application Packaging

为了缓解Windows上长路径名称的问题,稍微加快速度require并隐藏您的源代码以免粗略检查,您可以选择将应用程序打包到asar存档中,而对源代码进行很少的更改。

生成asar档案

一个ASAR归档是一个简单的焦油状的格式,串接文件合并为一个文件。电子可以从它读取任意文件,而无需解包整个文件。

将应用程序打包到asar存档中的步骤:

1.安装asar Utility

$ npm install -g asar

2.包装 asar pack

$ asar pack your-app app.asar

使用asar档案

在Electron中,有两套API:由Node.js提供的节点API和由Chromium提供的Web API。这两个API都支持从asar档案中读取文件。

节点API

随着Electron专用补丁,节点API就像fs.readFilerequire对待asar档案的虚拟目录,并作为文件系统中的正常文件中的文件。

例如,假设我们有一个example.asar档案在/path/to

$ asar list /path/to/example.asar
/app.js
/file.txt
/dir/module.js
/static/index.html
/static/main.css
/static/jquery.min.js

读取asar档案:

const fs = require('fs')
fs.readFileSync('/path/to/example.asar/file.txt')

列出存档根目录下的所有文件:

const fs = require('fs')
fs.readdirSync('/path/to/example.asar')

使用存档中的模块:

require('/path/to/example.asar/dir/module.js')

您还可以在asar存档中显示网页BrowserWindow

const {BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600})
win.loadURL('file:///path/to/example.asar/static/index.html')

WebAPI

在网页中,档案中的文件可以通过file:协议请求。像Node API一样,asar档案被视为目录。

例如,要获得一个$.get*

<script>
let $ = require('./jquery.min.js')
$.get('file:///path/to/example.asar/file.txt', (data) => {
  console.log(data)
})
</script>

asar档案视为普通文件

对于某些情况下,如验证asar存档的校验和,我们需要将asar存档的内容作为文件读取。为此,您可以使用original-fs提供原始fsAPI而无需asar支持的内置模块:

const originalFs = require('original-fs')
originalFs.readFileSync('/path/to/example.asar')

您还可以设置process.noAsartrue禁用的支持asarfs模块:

const fs = require('fs')
process.noAsar = true
fs.readFileSync('/path/to/example.asar')

Node API的局限性

尽管我们尽可能努力使asarNode API中的存档尽可能地像目录一样工作,但由于Node API的低级特性,仍然存在限制。

档案是只读的

无法修改档案,因此所有可修改文件的节点API都不适用于asar档案。

工作目录不能在归档中设置为目录

虽然asar档案被视为目录,但是文件系统中没有实际的目录,所以你不能将工作目录设置为asar档案中的目录。将它们作为cwd某些API 的选项传递也会导致错误。

对某些API进行额外解压缩

大多数fsAPI可以读取文件或从asar档案中获取文件信息而无需解包,但对于某些依赖将实际文件路径传递到底层系统调用的API,Electron会将所需文件提取到临时文件中并传递临时路径文件到API以使其工作。这为这些API增加了一点开销。

需要额外解包的API是:

  • child_process.execFile
  • child_process.execFileSync
  • fs.open
  • fs.openSync
  • process.dlopen-被require关于本机模块

虚假的统计信息 fs.stat

通过猜测生成归档文件中由其及其朋友Stats返回的对象,因为这些文件不存在于文件系统中。所以除了获取文件大小和检查文件类型之外,您不应该相信该对象。fs.statasarStats

asar存档中执行二进制文件

有一些Node API可以执行二进制文件child_process.execchild_process.spawn并且child_process.execFile只能execFileasar归档文件内执行二进制文件。

这是因为,execspawn接受command的,而不是file作为输入,和commands的下壳执行。没有可靠的方法来确定命令是否在asar归档中使用文件,即使我们这样做,我们也无法确定是否可以替换命令中的路径而没有副作用。

asar存档中添加解压缩的文件

如上所述,一些节点API在调用时会将文件解压缩到文件系统,除了性能问题之外,它还可能导致病毒扫描器的错误警报。

要解决此问题,可以使用该--unpack选项解压创建存档的某些文件,排除本机模块的共享库的示例为:

$ asar pack app app.asar --unpack *.node

运行该命令后,除了该命令之外app.asar,还会app.asar.unpacked生成一个包含解压缩文件的文件夹,您应该在将其app.asar发送给用户时将其复制到一起。

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