跳到主要内容

11 篇标记为“Showcase”的文章

突出展示精选的 Electron 用例

查看所有标签

2023 年生态系统回顾

·5 分钟阅读

回顾 2023 年 Electron 开发者生态系统的改进和变化。


在过去的几个月中,我们一直在 Electron 生态系统中进行一些更改,以增强 Electron 应用的开发者体验! 以下是来自 Electron 总部的最新添加功能的快速概述。

Electron Forge 7 及更高版本

Electron Forge 7 — 我们用于打包和分发 Electron 应用的一体化工具的最新主要版本 — 现已可用。

虽然 Forge 6 是从 v5 完全重写的版本,但 v7 的范围较小,但仍然包含一些重大更改。 展望未来,我们将继续发布 Forge 的主要版本,因为需要进行重大更改。

有关更多详细信息,请参阅 GitHub 上的完整 Forge v7.0.0 变更日志

重大更改

  • 切换到 notarytool 进行 macOS 公证: 截至 2023-11-01,Apple 停止了用于 macOS 公证的旧版 altool,此版本已将其从 Electron Forge 中完全删除。
  • 最低 Node.js 版本提高到 v16.4.0: 在此版本中,我们将最低要求的 Node.js 版本设置为 16.4.0。
  • 放弃对 electron-prebuiltelectron-prebuilt-compile 的支持electron-prebuilt 是 Electron npm 模块的原始名称,但在 v1.3.1 中被 electron 替换。 electron-prebuilt-compile 是该二进制文件的替代品,它带有增强的 DX 功能,但最终作为一个项目被放弃。

亮点

  • Google Cloud Storage 发布器 作为我们更好地支持静态自动更新的一部分,Electron Forge 现在支持直接发布到 Google Cloud Storage!
  • ESM forge.config.js 支持 Electron Forge 现在支持 ESM forge.config.js 文件。(附注:期待 Electron 28 中的 ESM 入口点支持。)
  • Makers 现在并行运行 在 Electron Forge 6 中,Makers 为了 ✨ 遗留 ✨ 原因而顺序运行。 从那时起,我们测试了 Make 步骤的并行化,没有不良副作用,因此当为同一平台构建多个目标时,您应该会看到速度提升!
谢谢!

🙇 非常感谢 mahnunchik 为 Forge 配置中的 GCS 发布器和 ESM 支持做出的贡献!

更好的静态存储自动更新

Squirrel.Windows 和 Squirrel.Mac 是特定于平台的更新器技术,它们支持 Electron 的内置 autoUpdater 模块。 这两个项目都支持通过两种方法进行自动更新

  • 与 Squirrel 兼容的更新服务器
  • 托管在静态存储提供商(例如 AWS、Google Cloud Platform、Microsoft Azure 等)上的清单 URL

更新服务器方法传统上一直是 Electron 应用的推荐方法(并提供更新逻辑的额外自定义),但它有一个主要的缺点 — 如果应用是闭源的,则需要应用维护自己的服务器实例。

另一方面,静态存储方法始终是可行的,但在 Electron 中未记录,并且在 Electron 工具包中支持不佳。

@MarshallOfSound 的出色工作下,无服务器自动应用更新的更新故事得到了极大的简化

  • Electron Forge 的 Zip 和 Squirrel.Windows makers 现在可以配置为输出 autoUpdater 兼容的更新清单。
  • 新主要版本的 update-electron-app (v2.0.0) 现在可以读取这些生成的清单,作为 update.electronjs.org 服务器的替代方案。

一旦您的 Makers 和 Publishers 配置为将更新清单上传到云文件存储,您只需几行配置即可启用自动更新

const { updateElectronApp, UpdateSourceType } = require('update-electron-app');

updateElectronApp({
updateSource: {
type: UpdateSourceType.StaticStorage,
baseUrl: `https://my-manifest.url/${process.platform}/${process.arch}`,
},
});
进一步阅读

📦 想要了解更多信息? 有关详细指南,请参阅 Forge 的自动更新文档

@electron/ 扩展宇宙

当 Electron 首次启动时,社区发布了许多软件包来增强开发、打包和分发 Electron 应用的体验。 随着时间的推移,其中许多软件包被纳入 Electron 的 GitHub 组织,核心团队承担了维护负担。

在 2022 年,我们开始将所有这些第一方工具统一在 npm 上的 @electron/ 命名空间下。 此更改意味着以前名为 electron-foo 的软件包现在在 npm 上名为 @electron/foo,而以前名为 electron/electron-foo 的存储库现在在 GitHub 上名为 electron/foo。 这些更改有助于清楚地划分第一方项目和用户域项目。 这包括许多常用软件包,例如

  • @electron/asar
  • @electron/fuses
  • @electron/get
  • @electron/notarize
  • @electron/osx-sign
  • @electron/packager
  • @electron/rebuild
  • @electron/remote
  • @electron/symbolicate-mac
  • @electron/universal

展望未来,我们发布的所有第一方软件包也将位于 @electron/ 命名空间中。 此规则有两个例外

  • Electron 核心将继续在 electron 软件包下发布。
  • Electron Forge 将继续在其 @electron-forge/ 命名空间下发布其所有 monorepo 软件包。
寻求 Star

⭐ 在此过程中,我们还意外地将 electron/packager 存储库设为私有,这带来了不幸的副作用,即抹去了我们的 GitHub Star 数(在抹除之前超过 9000 个)。 如果您是 Packager 的活跃用户,我们将感谢您 ⭐ Star ⭐!

@electron/windows-sign 介绍

从 2023-06-01 开始,行业标准开始要求 Windows 代码签名证书的密钥存储在符合 FIPS 标准的硬件上。

实际上,这意味着对于在 CI 环境中构建和签名的应用来说,代码签名变得更加困难,因为许多 Electron 工具将证书文件和密码作为配置参数,并尝试使用硬编码逻辑从那里进行签名。

这种情况一直是 Electron 开发人员的常见痛点,这就是我们一直致力于寻找更好解决方案的原因,该解决方案将 Windows 代码签名隔离到其自身的独立步骤中,类似于 @electron/osx-sign 在 macOS 上所做的那样。

未来,我们计划将此软件包完全集成到 Electron Forge 工具链中,但目前它独立存在。 该软件包目前可安装,命令为 npm install --save-dev @electron/windows-sign,可以通过编程方式或通过 CLI 使用。

请试用一下,并在 repo 的 issue 跟踪器中向我们提供您的反馈!

下一步是什么?

下个月我们将进入一年一度的十二月静默期。 在此期间,我们将思考如何在 2024 年使 Electron 开发体验更好。

您希望我们接下来开展哪些工作? 请告诉我们!

本周项目:Jasper

·5 分钟阅读

本周我们采访了 Jasper 的创建者,Jasper 是一款基于 Electron 的工具,用于管理 GitHub 通知。


你好! 你是谁?

我是 Ryo Maruyama,日本的一名软件开发人员。 我正在开发 JasperESDoc

什么是 Jasper?

Jasper 是一款灵活而强大的 GitHub 问题阅读器。 它支持 github.com 和 GitHub Enterprise 上的问题和拉取请求。

Jasper App Screenshot

你为什么制作它?

当人们在工作或 OSS 活动中使用 GitHub 时,他们每天往往会收到许多通知。 作为订阅通知的一种方式,GitHub 提供了电子邮件和 Web 通知。 我使用了这些几年,但我遇到了以下问题

  • 很容易忽略提到我的、我评论过的或我正在关注的问题。
  • 我将一些问题放在脑海中的某个角落,以便稍后查看,但我有时会忘记它们。
  • 为了不忘记问题,我在浏览器中打开了很多标签页。
  • 很难检查所有与我相关的问题。
  • 很难掌握我团队的所有活动。

我花费了大量时间和精力来防止这些问题,所以我决定为 GitHub 制作一个问题阅读器,以有效地解决这些问题,并开始开发 Jasper。

谁在使用 Jasper?

Jasper 被几家使用 GitHub 的公司的开发人员、设计师和经理使用。 当然,一些 OSS 开发人员也在使用它。 GitHub 的一些人也在使用它!

Jasper 是如何工作的?

配置 Jasper 后,将出现以下屏幕。 从左到右,您可以看到“流列表”、“问题列表”和“问题正文”。

Jasper Start Screen

这个“流”是 Jasper 的核心功能。 例如,如果您想查看“分配给 electron/electron 存储库中 @zeke 的问题”,您可以创建以下流

repo:electron/electron assignee:zeke is:issue

Jasper Start Screen 2

创建流并等待几秒钟后,您可以看到符合条件的问题。

Jasper Start Screen 3

我们可以用流做什么?

我将介绍流可以使用哪些类型的条件。

用户和团队

问题
mentions:cat mentions:dog提及用户 catdog 的问题
author:cat author:dog由用户 catdog 创建的问题
assignee:cat assignee:dog分配给 catdog 的问题
commenter:cat commenter:dogcatdog 评论过的问题
involves:cat involves:dog“涉及” catbob 的问题
team:animal/white-cat team:animal/black-doganimal/white-catanimal/black-dog 中提到的问题

involves 表示 mentionauthorassigneecommenter

存储库和组织

问题
repo:cat/jump repo:dog/runcat/jumpdog/run 中的问题
org:electron user:cat user:dogelectroncatdog 中的问题

orguser 相同

属性

问题
repo:cat/jump milestone:v1.0.0 milestone:v1.0.1cat/jump 中附加到 v1.0.0v1.0.1 的问题
repo:cat/jump label:bug label:blockercat/jump 中附加了 bug blocker 的问题
electron OR atomshell包含 electronatomshell 的问题

审核状态

问题
is:pr review:requiredcat/jump 中需要审核的问题
is:pr review-requested:catcat 请求审核的问题。
但这些尚未审核。
is:pr reviewed-by:catcat 审核的问题

您可能已经注意到,通过查看这些,流可以使用 GitHub 的搜索查询。 有关如何使用流和搜索查询的详细信息,请参阅以下 URL。

Jasper 还具有未读问题管理、未读评论管理、标记星标、通知更新、过滤问题、键盘快捷键等功能。

Jasper 是付费产品吗? 价格是多少?

Jasper 售价 12 美元。 但是,您可以免费使用 试用版 30 天。

您为什么选择在 Electron 上构建 Jasper?

我喜欢 Electron 的以下方面

  • 可以使用 JavaScript/CSS/HTML 开发应用。
  • 可以为 Windows、Mac 和 Linux 平台构建应用。
  • Electron 正在积极开发中,并且拥有庞大的社区。

这些功能实现了快速而简单的桌面应用程序开发。 这太棒了! 如果您有任何产品构想,您都应该考虑使用 Electron。

您在开发 Jasper 时遇到了哪些挑战?

我很难弄清楚“流”的概念。 起初,我考虑使用 GitHub 的 通知 API。 但是,我注意到它不支持某些用例。 之后,我考虑使用 问题 API拉取请求 API,以及通知 API。 但它永远无法成为我想要的东西。 然后,在思考各种方法时,我意识到轮询 GitHub 的 搜索 API 将提供最大的灵活性。 我花了一个月的时间进行实验才达到这一点,然后在两天内使用流概念实现了 Jasper 的原型。

注意:轮询最多限制为每 10 秒一次。 这对于 GitHub API 的限制来说是足够可接受的。

下一步是什么?

我计划开发以下功能

  • 过滤流:流具有一些过滤流,用于过滤流中的问题。 它就像 SQL 的视图。
  • 多个帐户:您将能够同时使用 github.com 和 GHE
  • 提高性能:目前在 WebView 中加载问题的速度比普通浏览器慢。

在 Twitter 上关注 @jasperappio 以获取更新。

本周项目:WebTorrent

·9 分钟阅读

本周我们采访了 @feross@dcposch,讨论 WebTorrent,这是一款 Web 驱动的 torrent 客户端,可将用户连接在一起,形成分布式、去中心化的浏览器到浏览器网络。


什么是 WebTorrent?

WebTorrent 是第一个在浏览器中工作的 torrent 客户端。 它完全用 JavaScript 编写,可以使用 WebRTC 进行点对点传输。 无需浏览器插件、扩展程序或安装。

WebTorrent 使用开放的 Web 标准将网站用户连接在一起,形成分布式、去中心化的浏览器到浏览器网络,以实现高效的文件传输。

您可以在此处查看 WebTorrent 的演示:webtorrent.io

webtorrent homepage

这有什么酷的?

想象一下像 YouTube 这样的视频网站,但访问者可以帮助托管网站的内容。 使用 WebTorrent 驱动的网站的人越多,它就变得越快、更具弹性。

浏览器到浏览器通信切断了中间人,让人们可以按照自己的方式进行通信。 不再有客户端/服务器 – 只有一个对等网络,所有对等方都是平等的。 WebTorrent 是重新去中心化 Web 的旅程中的第一步。

Electron 在其中扮演什么角色?

大约一年前,我们决定构建 WebTorrent Desktop,这是一个作为桌面应用程序运行的 WebTorrent 版本。

WebTorrent Desktop player window

我们创建 WebTorrent Desktop 的原因有三个

  1. 我们想要一个干净、轻量级、无广告、开源的 torrent 应用程序
  2. 我们想要一个具有良好流媒体支持的 torrent 应用程序
  3. 我们需要一个“混合客户端”,将 BitTorrent 和 WebTorrent 网络连接起来

如果我已经可以在 Web 浏览器中下载 torrent,为什么还需要桌面应用程序?

首先,介绍一下 WebTorrent 的设计背景。

webtorrent desktop logo

在早期,BitTorrent 使用 TCP 作为其传输协议。 后来,uTP 出现,承诺比 TCP 具有更好的性能和额外的优势。 每个主流 torrent 客户端最终都采用了 uTP,如今您可以使用 BitTorrent 通过任一协议进行传输。 WebRTC 协议是下一个合乎逻辑的步骤。 它带来了与 Web 浏览器互操作的承诺 – 一个由所有桌面 BitTorrent 客户端和数百万 Web 浏览器组成的巨型 P2P 网络。

“Web 对等方”(在 Web 浏览器中运行的 torrent 对等方)通过增加数百万个新对等方来增强 BitTorrent 网络,并将 BitTorrent 扩展到数十个新的用例。 WebTorrent 尽可能紧密地遵循 BitTorrent 规范,以便现有 BitTorrent 客户端可以轻松地添加对 WebTorrent 的支持。

一些 torrent 应用程序(如 Vuze)已经支持 Web 对等方,但我们不想等待其余应用程序添加支持。 因此,基本上,WebTorrent Desktop 是我们加速采用 WebTorrent 协议的方式。 通过制作人们真正想要使用的出色 torrent 应用程序,我们增加了网络中可以与 Web 对等方(即网站上的用户)共享 torrent 的对等方数量。

除了人们已经知道他们可以做的之外,torrent 还有哪些有趣的用例?

WebTorrent 最令人兴奋的用途之一是对等辅助交付。 像 WikipediaInternet Archive 这样的非营利项目可以通过让访问者贡献带宽和托管成本来降低成本。 流行的内容可以通过浏览器到浏览器快速且廉价地提供。 很少访问的内容可以从原始服务器通过 HTTP 可靠地提供。

Internet Archive 实际上已经更新了他们的 torrent 文件,因此它们可以与 WebTorrent 完美配合。 因此,如果您想在您的网站上嵌入 Internet Archive 内容,您可以以一种降低 Archive 托管成本的方式进行,从而使他们能够将更多资金用于实际归档 Web!

还有令人兴奋的商业用例,从 CDN 到通过 P2P 进行应用交付。

您最喜欢的哪些项目使用了 WebTorrent?

gaia app screenshot

用 WebTorrent 构建的最酷的东西,毫无疑问,可能是 Gaia 3D 星图。 这是一个流畅的 3D 交互式银河系模拟。 数据从 torrent 中加载,直接在您的浏览器中。 飞过我们的恒星系统并意识到与浩瀚的宇宙相比,我们人类是多么渺小,这真是令人叹为观止。

您可以在 Torrenting The Galaxy 中阅读有关如何制作此星图的信息,这是一篇博客文章,作者 Charlie Hoey 在其中解释了他如何使用 WebGL 和 WebTorrent 构建星图。

brave logo

我们也是 Brave 的忠实粉丝。 Brave 是一款浏览器,可自动阻止广告和跟踪器,使 Web 更快、更安全。 Brave 最近添加了 torrent 支持,因此您可以 查看传统 torrent,而无需使用单独的应用程序。 该功能由 WebTorrent 提供支持。

因此,就像大多数浏览器可以渲染 PDF 文件一样,Brave 可以渲染 magnet 链接和 torrent 文件。 它们只是浏览器原生支持的另一种类型的内容。

Brave 的联合创始人之一实际上是 JavaScript 的创建者 Brendan Eich,我们用 JavaScript 编写了 WebTorrent,因此我们认为 Brave 选择集成 WebTorrent 非常酷。

您为什么选择在 Electron 上构建 WebTorrent Desktop?

WebTorrent Desktop main window

有一种说法是 Electron 应用程序“臃肿”,因为它们在每个应用程序中都包含整个 Chrome 内容模块。 在某些情况下,这部分是正确的(Electron 应用程序安装程序通常约为 40MB,而特定于操作系统的应用程序安装程序通常约为 20MB)。

但是,在 WebTorrent Desktop 的情况下,我们在正常运行过程中几乎使用了每个 Electron 功能和许多 Chrome 功能。 如果我们想为每个平台从头开始实现这些功能,那么构建我们的应用程序将花费数月或数年更长的时间,或者我们只能为单个平台发布。

为了了解情况,我们使用了 Electron 的 dock 集成(用于显示下载进度)、菜单栏集成(用于在后台运行)、协议处理程序注册(用于打开 magnet 链接)、电源节省阻止器(用于防止视频播放期间进入睡眠状态)和 自动更新程序。 至于 Chrome 功能,我们使用了大量功能:<video> 标签(用于播放许多不同的视频格式)、<track> 标签(用于隐藏式字幕支持)、拖放支持和 WebRTC(在原生应用程序中使用并非易事)。

更不用说:我们的 torrent 引擎是用 JavaScript 编写的,并且假定存在许多 Node API,但尤其是 require('net')require('dgram') 用于 TCP 和 UDP 套接字支持。

基本上,Electron 正是我们所需要的,并且具有我们需要的确切功能集,以便在创纪录的时间内交付可靠、完善的应用程序。

您最喜欢 Electron 的哪些方面?

WebTorrent 库作为一个开源副项目已经开发了两年。 我们花了四个星期制作了 WebTorrent Desktop。 Electron 是我们能够如此快速地构建和发布应用程序的主要原因。

正如 Node.js 让服务器端编程对使用 jQuery 的前端程序员一代人来说变得触手可及一样,Electron 让任何熟悉 Web 或 Node.js 开发的人都可以进行原生应用开发。Electron 非常强大。

网站和桌面客户端是否共享代码?

是的,webtorrent npm 包可以在 Node.js、浏览器和 Electron 中工作。完全相同的代码可以在所有环境中运行——这就是 JavaScript 的魅力所在。它是当今通用的运行时环境。“Java Applets”曾承诺“一次编写,到处运行”的应用程序,但由于多种原因,这个愿景从未真正实现。Electron 比任何其他平台都更接近这个理想。

在构建 WebTorrent 时,您遇到了哪些挑战?

在早期版本的应用程序中,我们努力使 UI 具有高性能。我们将 torrent 引擎放在与绘制主应用程序窗口相同的渲染器进程中,正如预期的那样,每当 torrent 引擎有大量的 CPU 活动时(例如验证从 peers 收到的 torrent 片段),就会导致速度变慢。

我们通过将 torrent 引擎移动到第二个不可见的渲染器进程来解决了这个问题,我们通过 IPC 与之通信。这样,如果该进程短暂地使用了大量 CPU,UI 线程也不会受到影响。如丝般顺滑的滚动和动画非常令人满意。

注意:我们必须将 torrent 引擎放在渲染器进程中,而不是“主”进程中,因为我们需要访问 WebRTC(仅在渲染器中可用)。

Electron 在哪些方面应该改进?

我们希望看到的是关于如何构建和发布可用于生产环境的应用程序的更好文档,尤其是在代码签名和自动更新等棘手的主题方面。我们不得不通过深入研究源代码并在 Twitter 上四处询问来了解最佳实践!

WebTorrent Desktop 完成了吗?如果还没有,接下来会做什么?

我们认为当前版本的 WebTorrent Desktop 非常出色,但总有改进的空间。我们目前正在努力改进润色、性能、字幕支持和视频编解码器支持。

如果您有兴趣参与该项目,请查看我们的 GitHub 页面

是否有任何 Electron 开发技巧可能对其他开发者有用?

WebTorrent Desktop 的贡献者之一 Feross 最近在 NodeConf Argentina 上发表了一个题为“真实世界的 Electron:使用 JavaScript 构建跨平台桌面应用”的演讲,其中包含发布一个精雕细琢的 Electron 应用的实用技巧。如果您正处于拥有基本可用的应用程序并尝试将其提升到更高的润色度和专业性水平的阶段,那么这个演讲尤其有用。

在此观看:

幻灯片在此:

另一位 WebTorrent 贡献者 DC 写了一份 您可以做的使您的应用程序感觉精致和原生的事项清单。它附带代码示例,并涵盖了诸如 macOS Dock 集成、拖放、桌面通知以及确保您的应用程序快速加载等方面。

本周项目:Voltra

·6 分钟阅读

本周我们与 Aprile ElcichPaolo Fragomeni 会面,讨论了 Voltra,一款由 Electron 驱动的音乐播放器。


Voltra 是什么?

Voltra 是一款为想要拥有自己音乐的人设计的音乐播放器。它也是一家商店,您可以在这里根据您已拥有的音乐发现和购买新音乐。它是无广告的,跨桌面和移动平台。它也不会监视您。

voltra-artistview

Voltra 适合哪些人?

任何听音乐的人。

是什么促使您创建 Voltra?

广播一直以来都拥有大量的听众。它正在从无线电波转移到互联网上。现在您可以按需租借音乐——这是广播的复兴!许多新产品和服务因此应运而生,但流媒体广播仍然让别人控制您的音乐以及您体验音乐的方式。

我们想要一款完全专注于您拥有的音乐的产品。它可以让您轻松地直接从艺术家或唱片公司发现和购买新音乐。

有免费版本吗?

桌面播放器是完全免费的。销售您的音乐也是免费的!我们不支持广告。

由于该应用程序是免费的,我们可能会在稍后开源它。目前我们没有带宽来管理它。我们对功能和我们希望事物发展的方向也有非常具体的想法。我们有一个活跃的 beta 社区,我们会认真对待我们的反馈。

您如何赚钱?

我们有高级功能!

我们的 Voltra 音频存档是一项专为音乐设计的云备份服务。我们不压缩或共享数据块。您的音乐收藏将为您进行物理备份。

对于艺术家和唱片公司,我们的 Pro 会员提供工具来帮助他们接触到更多相关的受众,例如分析和专业的艺术家网页。

是什么让 Voltra 与众不同?

设计和可用性对我们来说非常重要。我们希望给听众带来无干扰的聆听体验!市面上有一些有趣的音乐播放器和商店。但是它们中的许多比它们的创造者意识到的更高级且更难使用。我们希望尽可能多的人可以使用 Voltra。

我们也不从艺术家或唱片公司那里抽成。这对我们来说是一个关键的区别因素。这真的很重要,因为它降低了艺术家将其音乐推向市场的门槛。

您做出了哪些设计和技术决策?

在设计 Voltra 时,我们考虑了来自原生应用程序和 Web 的 UI 约定,我们也考虑了很多我们可以删除的东西。在过去的几个月中,我们有一个活跃的私人 beta 小组,他们给了我们重要的反馈。

我们发现专辑封面和摄影对人们来说非常重要。许多播放器只是文件列表。拥有实体专辑的酷事之一是专辑封面,我们希望在 Voltra 桌面应用程序中强调这一点。

voltra-albumview

我们还确保不干扰人们的文件。我们使用文件监视,因此您可以将文件放在您想要的任何位置,我们不会重命名或移动它们。我们有一个嵌入式数据库来跟踪受监视目录的状态,以便我们可以跟踪新内容,即使进程没有运行。

在构建 Voltra 时,您遇到了哪些挑战?

我们花费大量时间专注于性能。我们从框架开始,但后来转向了原生 Javascript。根据我们的经验,它们提供的通用抽象超过了它们引入的性能损失和仪式感。

在这一点上,我们很好地处理了非常大的集合。大型集合可能意味着数万张图像!直接从渲染进程访问 Node.js 的文件系统模块使基于 DOM 事件非常容易地延迟加载和卸载大量图像。

一般来说,setImmediaterequestIdleCallback 一直是执行大量处理同时保持 UI 响应性的超级重要工具。更具体地说,将 CPU 密集型任务分配到单独的进程中确实有助于保持用户界面的响应性。例如,我们将实际的音频上下文移动到一个单独的进程中,通过 IPC 与之通信,以避免来自繁忙 UI 的潜在中断。

您为什么选择在 Electron 上构建 Voltra?

浏览器的沙箱对于我们的应用程序来说限制太多了。但我们也在开发一个 Web 播放器。因此,我们可以在两个实现之间共享几乎 100% 的代码,这是一个巨大的胜利。

我们实际上是从使用 Swift 构建原生应用程序开始的。我们发现的主要问题是我们重新发明了很多东西。Web 拥有世界上最大的开源生态系统。因此,我们很快就切换到了 Electron。

而且,最重要的是,使用 Electron,您只需开发一次,它就应该在所有主要平台上“Just Work™”。这不能保证,但是为每个平台进行原生编码的成本绝对超过了 Electron 引入的任何其他成本。

您最喜欢 Electron 的哪些方面?

GTD!:将 Node.js 的网络堆栈和 Chromium 的表示层打包在一起是完成任务的秘诀。

能力:它只是 Web 堆栈,所以实际上我们整个团队都参与了产品的实际构建。

社区:有一个组织严密的社区,他们知道如何进行良好的沟通!我们对在这样的支持下进行开发感到非常棒。

Electron 在哪些方面可以改进?

我们希望看到 Electron 认可一个单一的打包器。打包器对于 Electron 的重要性就像包管理器对于 Node 的重要性一样。用户领域中有多个打包器,每个都有有趣的功能,但每个都有 bug。社区的共识将有助于指导贡献者花费的精力。

下一步是什么?

我们目前正在开发移动应用程序,并与艺术家和唱片公司合作,将他们的音乐添加到 Voltra 商店。嘿!如果您是艺术家或唱片公司,立即注册!我们计划在我们达到 1000 万首曲目的目标时开放商店。

本周项目:WordPress 桌面版

·4 分钟阅读

本周我们采访了 Automattic 的人员,讨论了 WordPress Desktop,这是一个用于管理 WordPress 内容的开源桌面客户端。


WordPress Apps

每个人都知道 WordPress,但是 WordPress Desktop 是什么?

WordPress.com 桌面应用程序提供无缝的跨平台体验,让您可以专注于您的内容和设计,而无需浏览器标签分散您的注意力——或者让您的站点保持侧线但可访问。结合我们的浏览器支持和移动应用程序,您可以在任何地方以任何有助于您完成工作的方式构建您的站点。

为什么要构建一个用于管理 WordPress 站点的桌面应用程序?难道一切都不能基于 Web 吗?

它实际上使用的技术与您在浏览器中访问 WordPress.com 时获得的技术完全相同。但是,它都是本地托管的,因此加载时间最短。凭借停靠栏、通知等原生功能的优势,您真的可以专注于您的 WordPress 站点和博客。

您为什么选择在 Electron 上构建 WordPress Desktop?

在 2015 年底,我们以 Calypso 的形式重建了大部分 WordPress.com,Calypso 是一个使用 React 的开源现代 JavaScript 应用程序。我们开始研究 Electron,并通过对 Calypso 进行一些更改,使其能够在本地运行。这是一个引人注目的体验,我们认为进一步开发它具有很大的价值。

我们有几个团队在 Calypso 上工作。要使用传统的桌面技术制作一个与此匹配的完整多平台 GUI 客户端将需要更多的工作。通过使用 Electron,我们 2-4 人的小团队能够利用其他团队的努力,并在几个月内构建了桌面应用程序。

在构建 WordPress Desktop 时,您遇到了哪些挑战?

我们非常快速地获得了应用程序的初始版本,但是调整它以使其作为桌面应用程序最佳运行花费了更多的时间。该应用程序的一个重大挑战是,您实际上是在自己的机器上运行 Calypso 的副本——它纯粹是一个 API 驱动的 UI。其中涉及大量的桥接工作,并且更改被反馈回 Calypso 本身。

此外,还花费了大量精力来打包适用于不同平台的应用程序——我们提供 Windows、macOS 和 Linux 版本——并且存在足够的差异使其变得棘手。

在当时,Electron 相对较新,我们不断遇到很快就被修复的问题(有时是同一天!)

Electron 在哪些方面应该改进?

Electron 已经提供了我们桌面应用程序所需的大部分功能,并且自我们开始使用它以来,它发展迅速。话虽如此,在桌面应用程序中,有些领域是理所当然的,例如拼写检查和查找/替换,而使用 Electron 现状复制这些功能更困难。

我们也希望看到一些较新的 Chrome 技术也能渗透到 Electron 中。我们特别热衷于尝试 WebVR。

您最喜欢 Electron 的哪些方面?

我们选择 Electron 的主要原因,也是它最大的优势,是非常活跃和开放的社区。Automattic 一直坚信开源。这是我们的核心原则之一,Electron 项目和社区遵循许多非常开放和积极的核心信念。

WordPress Desktop 的下一步是什么?

我们模型的伟大之处在于,桌面应用程序受益于任何新的 Calypso 功能——不断有改进。我们希望我们可以在应用程序中添加其他功能,例如离线支持,这将真正将应用程序带入原生领域,并改进系统通知。

Automattic 是否有任何团队正在开发其他 Electron 应用程序?

是的,在我们努力开发桌面应用程序之后,Simplenote 团队决定使用 Electron 为 Windows 和 Linux 构建桌面应用程序(已经存在原生 Mac 客户端)。Simplenote Electron 应用程序也是开源的,并且在 Github 上可用。

我们还有一个即将推出的 Raspberry Pi 集成,它使用了 Electron。

如果其中任何一项听起来有趣,那么我们很乐意收到您的来信

是否有任何 Electron 技巧可能对其他开发者有用?

对于我们来说,发布已签名的桌面软件的过程相对较新,尤其是对于 Windows。我们为 代码签名 Windows 应用程序写了一篇文章,其中包括该过程以及我们为正确执行此操作而经历的一些障碍。

本周项目:Dat

·7 分钟阅读

本周的特色项目是 Dat,这是一个 获得资助的、开源的、去中心化的工具,用于分发数据集。Dat 由一个 地理分布式团队 构建和维护,他们中的许多人帮助撰写了这篇文章。


A screenshot of the main view of dat-desktop, showing a few rows of shared
dats

首先,Dat 是什么?

我们希望将点对点和分布式系统最好的部分带到数据共享中。我们从科学数据共享开始,然后开始扩展到研究机构、政府、公共服务和开源团队。

另一种思考方式是像 Dropbox 或 BitTorrent Sync 这样的同步和上传应用程序,只是 Dat 是 开源的。我们的目标是成为一个强大、开源、非营利的数据共享软件,适用于大型、小型、中型、小批量和大量数据。

要使用 dat CLI 工具,您只需键入

dat share path/to/my/folder

Dat 将创建一个链接,您可以使用该链接将该文件夹发送给其他人——没有中央服务器或第三方可以访问您的数据。与 BitTorrent 不同,也不可能嗅探谁在共享什么(有关更多详细信息,请参阅 Dat Paper 草案)。

现在我们知道了 Dat 是什么。Dat Desktop 如何融入其中?

Dat Desktop 是一种使 Dat 可供无法或不想使用命令行的人使用的方式。您可以在您的机器上托管多个 dat,并通过您的网络提供数据。

您能分享一些很酷的用例吗?

DataRefuge + Project Svalbard

我们正在开发一个代号为 Project Svalbard 的东西,它与 DataRefuge 相关,DataRefuge 是一个致力于备份可能消失的政府气候数据的组织。Svalbard 以北极斯瓦尔巴群岛全球种子库命名,该种子库拥有一个大型地下植物 DNA 备份库。我们的版本是一个大型版本控制的公共科学数据集集合。一旦我们知道并可以信任元数据,我们就可以构建其他很酷的项目,例如 分布式志愿者数据存储网络

加利福尼亚州公民数据联盟

CACivicData 是一个开源档案库,每天提供来自 CAL-ACCESS 的下载,CAL-ACCESS 是加利福尼亚州跟踪政治资金的数据库。他们进行 每日发布,这意味着在其 zip 文件中托管大量重复数据。我们正在努力将他们的数据托管为 Dat 存储库,这将减少引用特定版本或更新到较新版本所需的麻烦和带宽。

Electron 更新

这个还没有具体确定,但我们认为一个有趣的用例是将编译后的 Electron 应用程序放入 Dat 存储库中,然后在 Electron 中使用 Dat 客户端来拉取已构建应用程序二进制文件的最新增量,以节省下载时间,同时降低服务器的带宽成本。

谁应该使用 Dat Desktop?

任何想要通过 p2p 网络共享和更新数据的人。数据科学家、开放数据黑客、研究人员、开发者。如果任何人有我们尚未想到的很酷的用例,我们都非常乐于接受反馈。您可以访问我们的 Gitter 聊天,向我们询问任何问题!

Dat 和 Dat Desktop 的下一步是什么?

用户帐户和元数据发布。我们正在开发一个 Dat 注册表 Web 应用程序,将在 datproject.org 上部署,它基本上是一个“数据集的 NPM”,唯一的警告是我们将只是一个元数据目录,数据可以存在于在线的任何位置(与 NPM 或 GitHub 不同,所有数据都集中托管,因为源代码足够小,您可以将其全部放入一个系统中)。由于许多数据集都很大,因此我们需要一个联合注册表(类似于 BitTorrent 跟踪器的工作方式)。我们希望让人们可以轻松地从 Dat Desktop 使用注册表查找或发布数据集,从而使数据共享过程无摩擦。

另一个功能是多作者/协作文件夹。我们有宏伟的计划来做协作工作流程,可能带有分支,类似于 git,但围绕数据集协作设计。但我们仍在努力提高整体稳定性和标准化我们的协议!

您为什么选择在 Electron 上构建 Dat Desktop?

Dat 是使用 Node.js 构建的,因此它是我们集成的自然选择。除此之外,我们的用户使用各种机器,因为科学家、研究人员和政府官员可能被迫为他们的机构使用某些设置——这意味着我们需要能够以 Windows 和 Linux 以及 Mac 为目标。Dat Desktop 非常轻松地为我们提供了这一点。

在构建 Dat 和 Dat Desktop 时,您遇到了哪些挑战?

弄清楚人们想要什么。我们从表格数据集开始,但我们意识到这是一个有点复杂的问题,并且大多数人不使用数据库。因此,在该项目进行到一半时,我们从头开始重新设计了一切,以使用文件系统,并且没有回头。

我们还遇到了一些常见的 Electron 基础设施问题,包括

  • 遥测 - 如何捕获匿名使用统计信息
  • 更新 - 设置自动更新有点零散和神奇
  • 发布 - XCode 签名、在 Travis 上构建版本、进行 beta 构建,所有这些都是挑战。

我们还在 Dat Desktop 的“前端”代码中使用 Browserify 和一些很酷的 Browserify Transforms(这有点奇怪,因为即使我们有原生 require,我们仍然捆绑——但这是因为我们想要 Transforms)。为了更好地管理我们的 CSS,我们从 Sass 切换到使用 sheetify。它极大地帮助我们模块化了 CSS,并使我们将 UI 迁移到具有共享依赖项的面向组件的架构变得更加容易。例如,dat-colors 包含我们所有的颜色,并在我们所有项目之间共享。

我们一直以来都非常推崇标准和最小化的抽象。我们的整个界面都是使用普通的 DOM 节点构建的,只使用了少量的辅助库。我们已经开始将其中一些组件迁移到 base-elements,这是一个低级别的可重用组件库。与我们的大部分技术一样,我们会不断迭代,直到做得完美,但作为一个团队,我们感觉我们正朝着正确的方向前进。

Electron 在哪些方面应该改进?

我们认为最大的痛点是原生模块。必须使用 npm 为 Electron 重建模块会增加工作流程的复杂性。我们的团队开发了一个名为 prebuild 的模块,用于处理预构建的二进制文件,这在 Node 中运行良好,但 Electron 工作流程仍然需要在安装后执行自定义步骤,通常是 npm run rebuild。这很烦人。为了解决这个问题,我们最近切换到一种策略,将所有平台的已编译二进制版本捆绑在 npm tarball 中。这意味着 tarball 会变得更大(尽管可以使用 .so 文件 - 共享库进行优化),但这种方法避免了运行安装后脚本,也完全避免了 npm run rebuild 模式。这意味着 npm install 首次就能为 Electron 正常工作。

您最喜欢 Electron 的哪些方面?

这些 API 看起来考虑得相当周全,相对稳定,并且在跟进上游 Node 版本方面做得相当不错,我们不能要求更多了!

是否有任何 Electron 技巧可能对其他开发者有用?

如果你使用原生模块,不妨试试 prebuild

关注 Dat 开发的最佳方式是什么?

在 Twitter 上关注 @dat_project,或订阅我们的电子邮件新闻通讯

本周项目:Ghost

·5 分钟阅读

本周我们与 Slack 的桌面工程师兼 Ghost Desktop 的维护者 Felix Rieseberg 进行了交流,Ghost Desktop 是 Ghost 出版平台的 Electron 客户端。


Ghost Desktop Screenshot

什么是 Ghost?

Ghost 是一个完全开源、可 hack 的平台,用于构建和运行现代在线出版物。我们为从 Zappos 到 Sky News 的博客、杂志和记者提供支持。

它与其他出版平台有何不同?

Ghost 创立于 2013 年 4 月,此前发起了一项非常成功的 Kickstarter 众筹活动,旨在创建一个专注于专业出版的新平台。我们的使命是为世界各地的独立记者和作家创建最好的开源工具,并对在线媒体的未来产生真正的影响。它提供了更简单、更专注的体验:我们的编辑器完全围绕提供最佳的写作体验而设计。

与经典之作 WordPress 相比,它提供了更简单、更精简的体验——它更易于设置和维护,开箱即用,并显着更快。与其他在线平台相比,Ghost 让作者完全拥有并控制他们的内容,允许完全自定义,并使作者能够围绕他们的出版物建立业务。

Ghost 是一家营利性公司吗?

这一点对我们很重要:Ghost 是一个独立的非营利组织。我们为现代新闻业和博客构建出版工具,因为我们相信言论自由非常重要。我们的软件以 免费开源许可证 发布,我们的商业模式 完全透明,我们的法律结构意味着我们赚到的 100% 的钱都将再投资于改进 Ghost。

什么是 Ghost Desktop?

Ghost Desktop 允许作者一次管理多个博客——并专注于写作。像常见的写作快捷方式这样的简单功能在浏览器中无法实现,但在我们的桌面应用程序中可用。它允许其他应用程序通过深层链接直接与博客通信。

什么是 Ghost for Journalism?

今年,我们非常高兴能够投入我们整个 10 人全职 Ghost 团队来帮助发展三家独立出版物,并投入 45,000 美元的资源来支持他们的工作。我们称之为 Ghost for Journalism

我们已经构建 Ghost 大约三年半了,作为网络上下一个伟大的独立出版商平台,现在我们已经达到了一个非常有趣的转折点。我们开始这段旅程是为了创建一个简单、设计精良的博客平台,几乎任何人都可以使用。这始终是第一步。

从长远来看,我们希望 Ghost 成为世界上最佳新闻业的强大平台,这意味着我们需要构建功能来吸引这些人。今年,我们正在有意识地决定专注于此。

为什么选择在 Electron 上构建 Ghost Desktop?

Ghost 在后端和前端都使用 JavaScript 和 Node.js,因此能够利用相同的技术和技能组合使我们的团队能够更快地行动、构建更多内容,并最终提供更好的体验。此外,能够在 macOS、Windows 和 Linux 版本的应用程序之间共享超过 95% 的代码,使我们能够专注于构建出色的核心用户体验,而无需为每个平台维护一个代码库。

在构建 Ghost Desktop 时,您遇到过哪些挑战?

拼写检查可能仍然是最难提供的服务之一——我们可以轻松地利用许多在线服务之一,但以多种语言正确地拼写检查文本,同时保护用户的隐私和自主权并非易事。

Electron 在哪些方面应该改进?

我们很希望看到 Electron 将操作系统的原生拼写检查功能引入到他们的应用程序中。我们梦想着一个 <input> 字段能够获得与 NSTextView 相同的服务的世界,但我们也深知这有多么困难。

您最喜欢 Electron 的哪些方面?

JavaScript 以其庞大的生态系统而闻名,涉及无数的工具和框架——但它为我们提供的便利难以言表。使用 Electron 构建应用程序仅比构建 Web 应用程序微难,这是一项了不起的壮举。

Ghost 完成了吗?如果没有,接下来会发生什么?

Ghost Desktop 也是一个正在进行中的项目——我们离完成还很远。我们已经讨论了一段时间为我们的用户带来完整的离线模式,并且我们正接近完成。其他值得注意的工作领域是扩展和与其他文本编辑应用程序(如 Word 或 Atom)的集成,最终允许人们使用他们喜欢的工具编写帖子。总的来说,一旦我们发布了离线模式功能,我们就会寻求与操作系统更深入的集成。如果这听起来对您有吸引力,请加入我们

您最喜欢的一些 Electron 应用程序是什么?

我非常喜欢 KapFelonyVisual Studio Code

👻

本周项目:Beaker 浏览器

·4 分钟阅读

本周我们采访了 Paul Frazee,Beaker 浏览器的创建者。Beaker 是一款实验性的点对点 Web 浏览器,它使用 Dat 协议从用户设备托管站点。


什么是 Beaker?您为什么要创建它?

Beaker 是一款参与式浏览器。它是为独立黑客设计的浏览器。

Web 是闭源的。如果您想影响社交媒体的运作方式,您必须在 Facebook 或 Twitter 工作。对于搜索,是 Google。控制权掌握在公司手中,而不是用户自己手中。

通过 Beaker,我们有了一个新的 Web 协议:去中心化存档传输 (Decentralized Archive Transport)。简称 “Dat”。它可以按需免费创建站点,然后从设备共享它们。无需服务器。这是我们的创新之处。

Beakers Protocols

当您在 Beaker 中访问 Dat 站点时,您会下载文件。该站点永远属于您。您可以保存、fork、修改它,并免费共享您的新版本。这一切都是开源的。

这就是它的意义所在:我们正在为开源网站制作浏览器。我们希望它成为社交黑客的工具包。

谁应该使用 Beaker?

黑客。改装者。创意人士。喜欢折腾的人。

如何创建一个使用 Dat 的新项目?

我们有一个名为 bkr 的命令行工具,有点像 git + npm。这是创建站点的方法

$ cd ~/my-site
$ bkr init
$ echo "Hello, world!" > index.html
$ bkr publish

这是 fork 站点的方法

$ bkr fork dat://0ff7d4c7644d0aa19914247dc5dbf502d6a02ea89a5145e7b178d57db00504cd/ ~/my-fork
$ cd ~/my-fork
$ echo "My fork has no regard for the previous index.html!" > index.html
$ bkr publish

这些站点随后将从您的浏览器托管。这有点像 BitTorrent;您在 P2P 网格中共享站点。

如果您想要 GUI,我们在浏览器中内置了一些基本工具,但我们正在将这些工具推送到用户空间。这一切都将是可修改的用户应用程序。

为什么选择在 Electron 上构建 Beaker?

对于这个项目来说,这是显而易见的。如果我自己 fork Chrome,我现在就要写 C++ 了!没人想那样做。我了解 Web 技术栈,并且可以快速使用它。这是不费脑筋的选择。

事实是,我不确定没有 Electron 我是否能做到这一切。它是一款很棒的软件。

在构建 Beaker 时,您遇到过哪些挑战?

其中一半是在研究工具并弄清楚我可以做到什么程度。

制作浏览器本身非常容易。Electron 实际上是制作浏览器的工具包。...除了浏览器标签;我花了很长时间才弄对。我最终崩溃并学习了如何制作 SVG。它看起来好多了,但我迭代了 3 或 4 次才弄对。

Electron 在哪些方面应该改进?

如果我能将 devtools 停靠在 webview 中,那就太好了。

Beaker 的下一步是什么?

Dat 站点的安全 DNS 名称。一种可社交配置的 URL 方案,称为 “app scheme”。更多 Dat API。

对于可能有兴趣为该项目做出贡献的人们,Beaker 在哪些方面需要帮助?

我们有很多未解决的问题。不要害怕 ping 我。freenode 上的 #beakerbrowser。我们保留了一个贡献者页面,我们会将您添加到其中。如果您访问奥斯汀,我请您喝啤酒。

是否有任何 Electron 技巧可能对其他开发者有用?

  1. 使用现有的构建工具。相信我,您不想与自己的解决方案搏斗。使用 electron-builder。使用样板仓库。
  2. 如果您需要在 Electron 仓库中打开一个 issue,请尽力使其易于重现。您将更快地获得回复,团队也会对此表示感谢。更好的是,尝试自己修复它。查看内部结构实际上非常有趣。
  3. 至少通读一遍所有指南和高级文档。
  4. 不要构建浏览器,这是一个饱和的市场。

本周项目:Kap

·7 分钟阅读

Electron 社区正在快速发展,人们正以惊人的速度创建功能强大的新应用程序和工具。为了庆祝这种创造性的势头并让社区了解其中一些新项目,我们决定开始每周发布博客系列,重点介绍值得关注的 Electron 相关项目。


这篇文章是该系列的第一篇,重点介绍 Kap,这是一款由 Wulkano 构建的开源屏幕录制应用程序,Wulkano 是一个由自由设计师和开发人员组成的地理分布式团队。

Kap Screencast

什么是 Kap?

Kap 是一款开源屏幕录像机,主要为设计师和开发人员构建,以便轻松捕捉他们的工作。人们使用它来共享动画原型、记录错误、创建有趣的 GIF 以及介于两者之间的一切内容。

我们已经看到各年龄段和背景的人们在教育环境、截屏视频、教程中使用它……不胜枚举。甚至用于创建生产素材!我们对我们的小型副项目如此受欢迎感到非常震惊。

为什么要构建它?

这是一个非常好的问题,似乎并不缺少屏幕录像机!我们觉得替代方案要么太复杂、要么太昂贵,要么太有限。没有一个感觉完全适合我们的日常需求。我们还认为,当我们用来工作的工具是开源的时,那真是太好了,这样每个人都可以帮助塑造它们。构建 Kap 最终与我们没有做的事情一样重要。这一切都在细节中,小的改进的积累最终成为了我们想要使用的工具的轮廓。

然而,也许最重要的是,Kap 已经成为我们放下忧虑,仅仅为了自己和像我们这样的人们而开心地构建一些东西的地方。创建一个让您可以发泄、尝试新事物并享受您的手艺的环境非常重要。没有要求,没有压力,没有期望。设计师和开发人员应该做副项目吗?当然,应该。

为什么选择在 Electron 上构建 Kap?

有很多原因

  • Web 技术
  • 团队中的大多数人都是 Web 开发人员
  • 我们投入了 JavaScript
  • 它为更多人参与贡献打开了大门
  • Electron 本身是开源的
  • node_modules 的强大功能和易于维护的模块化
  • 跨平台可能性

我们认为应用程序的未来在浏览器中,但我们还没有完全到达那里。Electron 是迈向未来征程的重要一步。它不仅使应用程序本身更易于访问,而且使构建它们的代码也更易于访问。一个有趣的想法是想象一下未来操作系统是一个浏览器,而选项卡本质上是 Electron 应用程序。

此外,作为主要的 Web 开发人员,我们非常喜欢 JavaScript 的同构特性,您可以在客户端、服务器以及现在的桌面端运行 JS。使用 Web 技术(HTML、CSS 和 JS),许多事情比原生技术简单得多:更快的原型设计、更少的代码、flexbox > auto-layout (macOS/iOS)。

在构建 Kap 时,您遇到过哪些挑战?

使用 Electron 提供的资源来录制屏幕是最大的挑战。它们的性能根本不足以满足我们的要求,并且在我们看来会使项目失败。尽管这并非 Electron 本身的错,但在原生开发和使用 Web 技术构建桌面应用程序之间仍然存在差距。

我们花费了大量时间试图解决 getUserMedia API 性能不佳的问题,这个问题源于 Chromium。当我们开始制作 Kap 时,我们的主要目标之一是用 Web 技术构建整个应用程序。在尝试了一切方法使其正常工作(Retina 屏幕上的最低要求为 30 FPS)之后,我们最终不得不寻找另一种解决方案。

我在仓库中看到一些 Swift 代码。那是关于什么的?

由于被迫寻找 getUserMedia 的替代方案,我们开始尝试 ffmpeg。除了是音频和视频转换的最佳工具之一外,它还具有在几乎任何操作系统中录制屏幕的功能,并且我们能够录制清晰的视频,满足我们在 Retina 屏幕上的最低要求 30 FPS。问题?性能是 “😩”,CPU 使用率变得非常高。因此,我们回到了绘图板,讨论了我们的选择,并意识到我们必须做出妥协。这导致了 Aperture,我们自己的 macOS 屏幕录制库,用 Swift 编写。

Electron 在哪些方面应该改进?

我们都知道 Electron 应用程序可能有点占用 RAM,但这实际上是 Chromium 的问题。这是其工作方式的一部分,并且它确实取决于您正在运行的内容,例如 Kap 和 Hyper 通常使用少于 100MB 的内存。

我们看到最大的改进领域之一是有效载荷,特别是 Electron 如何分发 Chromium。一个想法是拥有一个共享的 Electron 核心,并使应用程序安装程序检查系统上是否已存在该核心。

创建跨平台 Electron 应用程序可能会有更好的体验。目前,平台之间存在太多不一致、特定于平台的 API 和缺少的功能,这使得您的代码库中充斥着 if-else 语句。例如,vibrancy 仅在 macOS 上受支持,自动更新程序在 macOS 和 Windows 上的工作方式不同,甚至在 Linux 上不受支持。透明度在 Linux 上时好时坏,通常是坏。

调用原生系统 API 也应该更容易。Electron 附带了一组非常好的 API,但有时您需要它不提供的功能。创建原生 Node.js 插件是一种选择,但使用起来很痛苦。理想情况下,Electron 应该附带一个良好的 FFI API,例如 fastcall。这将使我们能够用 JavaScript 代替编写 Swift 部分。

您最喜欢 Electron 的哪些方面?

我们最喜欢的事情很容易就是,任何具有 Web 创建知识的人都可以构建并为多平台原生体验做出贡献。更不用说在其上开发的轻松和乐趣,优秀的文档和蓬勃发展的生态系统。

从前端的角度来看,构建 Kap 感觉与使用浏览器 API 构建一个简单的网站没有什么不同。Electron 在使应用程序开发类似于(基本上相同于)Web 开发方面做得非常出色。事实上,它非常简单,以至于不需要框架或类似的东西来帮助我们,只需要干净且模块化的 JS 和 CSS。

我们也是构建它的团队、他们的奉献精神和支持以及他们维护的活跃而友好的社区的忠实粉丝。向大家致以拥抱!

Kap 的下一步是什么?

我们的下一步是审查该应用程序,为我们的 2.0.0 里程碑做准备,其中包括 React 重写以及对插件的支持,从而允许开发人员扩展 Kap 的功能!我们邀请大家关注该项目并在我们的 GitHub 存储库 上做出贡献。我们正在倾听,并希望听到尽可能多的人的声音,请告诉我们如何使 Kap 成为对您来说最好的工具

什么是 Wulkano?

Wulkano 是一家设计工作室和数字集体,一个由远程技术专家组成的团队,他们喜欢在客户项目和我们自己的项目上协同工作。我们是一个分布式的但紧密的团队,成员来自不同的地方和背景,在我们的虚拟办公室(恰好是基于 Electron 的 Slack!)中分享知识、想法、经验,但最重要的是分享有趣的 GIF 和表情包。

是否有任何 Electron 技巧可能对其他开发者有用?

充分利用并参与到出色的 社区 中,查看 Awesome Electron,查看 示例 并使用出色的 文档

2016 年 8 月:新应用

·3 分钟阅读

以下是 8 月份添加到该网站的新 Electron 应用程序。


该网站通过社区的 pull request 更新了新的 应用程序聚会。您可以 watch 存储库 以获取新添加内容的通知,或者如果您对网站的所有更改不感兴趣,请订阅 博客 RSS feed

如果您制作了 Electron 应用程序或举办了聚会,请创建一个 pull request 将其添加到网站,它将出现在下一次汇总中。

新应用

Code RPGifyRPG 风格的编码应用程序
PamFax用于发送和接收传真的跨平台应用程序
BlankUp具有清晰度 +1 的 Markdown 编辑器
Rambox免费和开源的消息传递和电子邮件应用程序,可将常见的 Web 应用程序组合到一个应用程序中
Gordie最适合您的卡片收藏的应用程序
Ionic Creator更快地构建出色的移动应用程序
TwitchAlerts使用漂亮的警报和通知让您的观众满意
Museeks简单、干净且跨平台的音乐播放器
SeaPig从 markdown 到 html 的转换器
GroupMe非官方 GroupMe 应用程序
Moeditor您的多用途 markdown 编辑器
SoundnodeSoundnode App 是桌面版的 Soundcloud
QMUI WebQMUI Web Desktop 是一款用于管理基于 QMUI Web 框架的项目的应用程序
Svgsus组织、清理和转换您的 SVG
Ramme非官方 Instagram 桌面应用程序
InsomniaREST API 客户端
Correo适用于 Windows、macOS 和 Linux 的菜单栏/任务栏 Gmail 应用程序
KongDashKong Admin API 的桌面客户端
Translation Editor用于 INTL ICU 消息的翻译文件编辑器(请参阅 formatjsio)
5EClient5EPlay CSGO 客户端
Theme Juice轻松进行本地 WordPress 开发