web-applications - 非技术人员可以使用 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 还是 node？我不知道它会有什么不同。 可以在没有任何一个的情况下安装 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

构建一个 Electron 应用程序非常容易。如果您只想在您的机器上运行该应用程序，则无需打包文件。如果您想将该应用程序发送给您的 friend ，您需要打包他们:
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 安装 Electron 样板:https://github.com/sindresorhus/generator-electron

为您的应用创建一个文件夹

使用终端并转到文件夹应用程序。键入“yo”并选择 Electron 发生器。整个项目由yeoman

安装

约曼完成后。打开文件 index.js 并寻找一行

win.loadUrl(file://${__dirname}/index.html);

将网址更改为您的网站。

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