javascript - Electron (Atom-Shell) 从页面中的链接运行 unix 命令

Question

我正在尝试学习 Electron(Atom-Shell)，但我发现很难找到它的文档...

我只是想弄清楚如何创建 <a href="something"></a> 的链接在index.html 中，并让它打开终端窗口或运行某种程序。

我通过学习特定任务来学习语言，因为我在程序中需要它们，所以这就是我问的原因，这样我就可以在我的程序中以其他方式利用该技术。

感谢您的帮助。

Answer 1

本质上，Electron 只是 Chromium 浏览器的定制版本，它与 Nodejs 和一些非常酷的软件包一起打包，基本上允许您运行自定义浏览器，就好像它是 native 平台应用程序一样。因此，创建 Electron 应用程序与创建具有 Nodejs 后端的 Web 应用程序非常相似。

因此，从简单的“Hello World!”开始应用程序，您只需运行以下 npm...

npm install electron-prebuilt --save-dev

安装 npm 后，您将需要三个文件来运行 Electron 应用程序。

1. package.json 文件
2. 一个 JavaScript 文件(默认为 main.js)
3. 一个 html 文件(默认为 index.html)

请参阅此 GitHub 存储库，获取每个指令和更详细说明的快速复制/粘贴版本:https://github.com/mafintosh/electron-prebuilt

之后您就可以运行您的应用程序了...

$ electron .

最后，打开终端窗口的一种方法是在 html 中使用 onclick 属性来触发 child_process，发现 here ，在一个函数中。

就是这样!您应该能够像编辑任何网络应用程序一样编辑 html 和 javascript 文件，并利用 Electron 提供的附加功能。

我还想查看这些资源以获取更多信息:

Electron 工作原理的快速入门介绍 -- https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md

Atom 讨论论坛(因为 Atom 是用 Electron 构建的，并且可以被破解，所以社区非常活跃)--https://discuss.atom.io/c/electron

一个很酷的存储库，可以跟上最新信息。它包括当前使用 Electron 的应用程序的链接、教程、视频等—— https://github.com/sindresorhus/awesome-electron

希望对您有所帮助!