非技术人员使用 Github 的 Electron 在 Mac 上构建站点特定浏览器的最简单方法是什么？

Question

我希望能够将 Trello、Facebook、Facebook Messenger、Asana、WhatsApp Web 等网站作为桌面应用程序打开。我目前使用 Fluid (http://fluidapp.com/)，但我想看看 Electron 是否可以用来做同样的事情。

假设我全新安装了 Mac OS X 10.10，我想我需要：

安装 npm (https://www.npmjs.com/)。我应该安装 io.js 还是节点？我不知道这会有什么不同。 可以不安装 npm 吗？ 无论如何，这似乎很简单：下载并安装 https://nodejs.org/dist/latest/node-v4.0.0.pkg
安装 Electron (http://electron.atom.io/)。这看起来很简单（虽然我不太确定这是否是 Nativefier 的先决条件）：
```
npm install electron-prebuilt -g
```
安装 Naivefier (https://www.npmjs.com/package/nativefier)。这看起来也很简单：
```
npm install nativefier -g 
```

遵循 Naivefier 说明（以 Facebook Messenger 为例）：

nativefier Messenger http://messenger.com --platform=darwin --arch=x64 --version=0.29.1 --overwrite --badge

这是我能找到的最简单的方法。还有其他建议吗？或者，是否有更好但更复杂的方法？

老实说，答案可能需要简化很多......我不是一个技术人员。

Answer 1

构建电子应用程序非常容易。如果您只想运行只在您的计算机上安装该应用程序，则无需打包文件。如果您想将该应用程序发送给您的朋友，您需要打包它们： http://electron.atom.io/docs/v0.32.0/tutorial/application-distribution/

要创建这样的应用程序，我会推荐 yeoman (http://yeoman.io/)。

安装node.js（https://docs.npmjs.com/getting-started/installing-node），因为需要使用npm
通过 npm 安装 yeaoman: http://yeoman.io/
通过 npm 安装电子样板：https://github.com/sindresorhus/generator-electron
为您的应用创建一个文件夹
使用终端并转到文件夹 app。输入 "yo" 并选择电子发生器。整个项目由yeoman安装
yeoman 完成后。打开文件 index.js 并在带有
的行后查找
win.loadUrl(file://${__dirname}/index.html);
将 url 更改为您的网站。

现在，当您打开应用程序时，应该会加载 url。我知道有更好的方法，但我认为这应该是最简单的方法，当你没有太多编程经验时。

Answer 2

https://webcatalog.io 是一个开源应用程序，它提供了一个 GUI 来执行您可以使用 nativefier 执行的相同操作，而无需手动安装许多不同的软件包。

What is the easiest way a non-technical person can build a site-specific browser on a Mac using Github's Electron?