Electron和Nativefier从Ubuntu创建您自己的Web应用程序

在今天的文章中，我们将看一下Electron。 使用这个 构建应用程序的框架 与称为Nativefier的工具一起，它正成为一种通用解决方案， 打包用于桌面的Web应用程序.

在同一博客中，我们已经讨论了一些案例 网络应用。 在它们中，我们拥有一些已知的应用程序，例如 网络目录。 这是一个广泛的目录，在该目录中，我们将找到用Electron创建的大量应用程序。 我们可以使用该软件创建的更多示例是诸如Wmail，Skype，Simplenote，GitKraken或Visual Studio Code之类的应用程序。

他们在某些站点上说，如今我们不再需要Linux的本机应用程序。 众所周知，网络是多平台的，这就是为什么应用程序通常多年来已经逐渐迁移到网络的原因。

正如他们在他们的 网站如果用户可以构建网站，则可以轻松构建桌面应用程序。 电子是一个 使用Web技术（例如JavaScript，HTML和CSS）创建本机应用程序的框架.

因此，可以使用Web应用程序 我们只需要一个网络浏览器。 如今，所有浏览器都支持磁盘上的数据存储或通知之类的功能。 这些是任何Webapp都需要使用的最典型的。

电子将使我们 封装Web应用程序 以一种简单的方式自己消费。 在测试并确认它可以正常工作之后，我必须承认，在不清楚其实际用途之前，至少它一直很好奇。 如果将它与Chromium如果在打开同一网站时进行扩展会做的资源消耗进行比较，它的实际效率就不是很明显了。 电子基于 铬 并在运行时环境中 Node.js的.

Electron总是提出相同的问题，当我可以从浏览器的选项卡中打开独立的应用程序时，我需要创建什么应用程序？ 原因可能是从与桌面更好地集成，到节省一些资源以孤立地管理某些站点。 在这里，每个人都必须找到自己的答案。

安装Nativefier在Ubuntu上创建Electron WebApp

要执行此任务，我们要做的第一件事是 安装Node.js及其npm软件包管理器。 为此，我们将打开终端（Ctrl + Alt + T）并在其中写入类似以下内容的内容。

sudo apt install nodejs npm

此时，我们将安装实用程序，该实用程序将从Node.js包管理器中执行转换。 在同一终端中，我们编写以下命令。

sudo npm install nativefier -g

现在，我们可以开始创建自己的Web应用程序。 我们只需要在终端（Ctrl + Alt + T）中启动以下命令即可：

nativefier ubunlog.com

Nativefier 将开始独立封装指定的网站。 同时，它将保留其特征，并为其分配一个图标和一个名称。 我们应用程序的启动器以及其他必要文件，我们可以在执行上一操作的目录中的文件夹中找到与网络名称相同的文件夹。

必须澄清的是，Nativefier将允许我们 应用不同的选项 到我们要打包的应用程序。 您可以查看其页面上的文档 GitHub上。 这些选项的范围包括自定义应用程序名称，添加图标以及以修改窗口的默认尺寸结尾的可能性。 还应该指出的是，我们将 允许嵌入JavaScript或CSS代码 在网络应用程序上。 向我们开放的可能性正在成倍增加。

最后，我们只能问自己这些类型的应用程序是否更舒适，或者是否在我们的设备上节省了足够的资源。 因为我们可以通过使用Chrome和Chromium将直接链接添加到桌面来实现几乎相同的效果。 这取决于每个人的口味。