用开源工具将任何网站变成 Linux 桌面应用

3AAA · 发表于 2021-11-12 10:25:55

使用 Nativefier 和 Electron 从任何网站创建桌面应用。

Mastodon 是一个很好的开源、去中心化的社交网络。我每天都在使用 Mastodon，通过它的网页界面使用 Mastodon 可能是最常见的方式（尽管因为开源，它有许多不同的交互方式，包括基于终端的应用和移动应用），但我更喜欢专门的应用窗口。

最近，我发现了 Nativefier，现在我可以在我的 Linux 桌面上把 Mastodon 或其他任何网页应用作为桌面应用来使用。Nativefier 将一个 URL 用 Electron 框架包装起来，它将开源的 Chromium 浏览器作为后端，但使用自己的可执行程序运行。Nativefier 采用 MIT 许可证，可用于 Linux、Windows 和 MacOS。

安装 Nativefier

Nativefier 需要 Node.js。

安装 Nativefier 只需运行：
$ sudo npm install -g nativefier
在我的 Ubuntu 桌面上，我必须先升级 NodeJS，所以当你安装 Nativefier 时，一定要检查需要哪个 Node 版本。

安装完毕后，你可以检查你的 Nativefier 的版本，以验证它是否已经安装：
$ nativefier --version45.0.4
运行 nativefier --help列出了应用支持的所有选项。

设置

我建议你在开始用 Nativefier 创建应用之前，创建一个名为 ~/NativeApps的新文件夹。这有助于保持你的应用有序。
$ mkdir ~/NativeAppscd ~/NativeApps

为 Mastodon 创建一个应用程序

我将首先为 mastodon.technology创建一个应用。

使用以下命令：
$ nativefier --name Mastodon \ --platform linux --arch x64 \ --width 1024 --height 768 \ --tray --disable-dev-tools \ --single-instance https://mastodon.technology
这个例子中的选项做了以下工作：

运行这条命令会显示以下输出：
Preparing Electron app...Converting icons...Packaging... This will take a few seconds, maybe minutes if the requested Electron isn't cached yet...Packaging app for platform linux x64 using electron v13.4.0 Finalizing build...App built to /home/tux/NativeApps/Mastodon-linux-x64, move to wherever it makes sense for you and run the contained executable file (prefixing with ./ if necessary)Menu/desktop shortcuts are up to you, because Nativefier cannot know where you're going to move the app. Search for "linux .desktop file" for help, or see https://wiki.archlinux.org/index.php/Desktop_entries
输出显示，文件被放置在 /home/tux/NativeApps/Mastodon-linux-x64。当你cd进入这个文件夹，你会看到一个名为Mastodon的文件。这是启动该应用的主要可执行文件。在你启动它之前，你必须给它适当的权限。
$ cd Mastodon-linux-x64chmod +x Mastodon
现在，执行 ./Mastodon就可以看到你的 Linux 应用启动了！

为我的博客创建一个应用

为了好玩，我也要为我的博客创建一个应用。如果没有 Linux 应用，拥有一个技术博客有什么用？

命令是：
$ nativefier -n ayushsharma \ -p linux -a x64 \ --width 1024 --height 768 \ --tray --disable-dev-tools \ --single-instance https://ayushsharma.in$ cd ayushsharma-linux-x64chmod +x ayushsharma

为 findmymastodon.com创建一个应用

最后，这是为我的宠物项目 findmymastodon.com制作的应用。

命令是：
$ nativefier -n findmymastodon \ -p linux -a x64 \ --width 1024 --height 768 \ --tray --disable-dev-tools \ --single-instance https://findmymastodon.com$ cd findmymastodon-linux-x64chmod +x findmymastodon

创建 Linux 桌面图标

应用已经创建并可以执行了，现在是创建桌面图标的时候了。

作为示范，以下是如何为 Mastodon 启动器创建一个桌面图标。首先，下载一个 Mastodon的图标。将该图标放在其 Nativefier 应用目录下，名为icon.png。

然后创建一个名为 Mastodon.desktop的文件并输入以下文本：
[Desktop Entry]Type=ApplicationName=MastodonPath=/home/tux/NativeApps/Mastodon-linux-x64Exec=/home/tux/NativeApps/Mastodon-linux-x64/MastodonIcon=/home/tux/NativeApps/Mastodon-linux-x64/icon.png
你可以把 .desktop文件移到你的 Linux 桌面上，把它作为一个桌面启动器。你也可以把它复制到~/.local/share/applications中，这样它就会出现在你的应用菜单或活动启动器中。

总结

我喜欢为我经常使用的工具配备专门的应用。我最喜欢的一个 Mastodon 应用特点是，当我登录到 Mastodon 之后，我就不必再次登录了! Nativefier 在底层运行 Chromium。所以它能够像其他浏览器一样记住你的会话。我想特别感谢 Nativefier 团队，他们让 Linux 桌面离完美更近了一步。

本文最初发表在作者的网站上，并经授权转载。

via: https://opensource.com/article/21/11/linux-apps-nativefier

作者：Ayush Sharma选题：lujun9972译者：geekpi校对：wxy

本文由 LCTT原创编译，Linux中国荣誉推出